Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hi
I was wondering if it was possible to have a custom background colour for each row/column ? From trying out your great plugin it doesn’t seem possible. Is this something that can be coded/added in?
Thanks
Hi Huw
At the moment this is unfortunately a theme level setting in Page Builder. It’s available in our Vantage theme but no-where else at the moment.
Sorry I don’t have more.
If your theme doesn’t support Page Builder’s visual style feature, you can still change row background colours with some custom CSS. Unfortunately, this isn’t something we can directly help with but perhaps the following CSS would point you in the right direction.
#pg-701-0 { background: #FF00FF; }In this case, 701 is the page ID and 0 is the row number (starting with 0). This guide should help you figure out the IDs for each row https://siteorigin.com/basics/modifying-theme-design-with-custom-css/.
If you do get stuck, you should be able to get a developer off codable to help you with writing all the CSS.
https://codeable.io/
Thanks for the replies.
What I was hoping to achieve was, for example, a full width page, that can contain several ‘sections’ of text and images, each section would be width: 100%; with a background colour. Then the content would be controlled by the plugin with a max-width: 960px;. If this was implemented into the plugin it would be perfect!
I understand you have this in the Vantage theme from your reply above. Is this something I could easily code into my theme??
Hi Huw
Vantage doesn’t have a true 100% width content capability but it’s Wide Grey style does allow the background color on a row to stretch 100%.
Greg’s instructions above should help you declare a background color for a row using CSS. Constraining the content and allowing the background color to be 100% width would depend on the design of your theme.