This support ticket is created 4 years, 6 months ago. There's a good chance that you are reading advice that it now obsolete.
This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.
Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.
No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.
How do I get the background color to extend the length of the grid please?
This of course would need to be responsive which it isn't at the moment. How to I make text slightly smaller and it work on mobile?
I'm basically trying to make this look the same as the SEARCH heading to the left.
This is a support forum for questions about Toolset plugins. For general questions about HTML and CSS you should really be asking in places such as Stack Overflow.
In your example above your text is included inside span tags. Spans are inline elements, meaning they don't start a new line and only occupy as much width as their content. Divs are block-level elements, starting a new line and occupying 100% of the containing element width.
So you could make that block full width by either changing your span to a div, or by adding a style rule to the span to set display: block, when it will behave as if it is a block-level element such as a div.