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].
Please check my page at http://www.terrysmithautocare.com/servicing1/
I am using Custom CSS to set the Yellow background color for the page.
When I use Pagebuilder + Visual Editor to build the page I am finding the content areas of the Visual Editor are white – which is clearly a problem.
How can I resolve this?
The page at http://www.terrysmithautocare.com/car-service-kirkcaldy/ does NOT use Pagebuilder and instead I am using Easy Columns plugin to organise the page. I don’t have the white areas.
Regards
Steven
PS: I love the Pagebuilder plugin and am currently converting all of my existing clients to this!
Hi Stevie
Glad to hear you’re liking Page Builder. You’ll just need to add a little to your Custom CSS.
For example you could target all PB Panel Grid Cells:
/* Page Builder */ .panel-grid-cell { background: #ffcc00; }Hi Andrew
thanks for getting back to me so quickly!
I tried adding your code in the Custom CSS for the page as you will see at http://awesomescreenshot.com/0532ydce9b and this didn’t have any effect.
I then tried adding it to the Pagebuilder stylesheet siteorigin-panels/css/front.css but still no effect.
Steven
Hi Stevie
Our Custom CSS tutorial here is worth a look: https://siteorigin.com/basics/modifying-theme-design-with-custom-css/. This issue more relates to the theme’s stylesheet than the functionality of Page Builder. Page Builder isn’t declaring any background colors. So now it’s just a matter of digging through each selector and figuring out where to add background color.
Something like this should resolve it:
.panel-grid-cell, .textwidget, .panel, .widget { background: #ffcc00; }Works perfectly now!!!
Thanks for your help
Steven
Awesome! All the best.