Home>Support>White Background with Pagebuilder & Visual Editor (Black StudioTinyMCE)

White Background with Pagebuilder & Visual Editor (Black StudioTinyMCE)

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!

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 7 years, 7 months ago Andrew Misplon Hi, I Work Here

    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;
    }
  2. 7 years, 7 months ago Stevie Mac

    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

  3. 7 years, 7 months ago Andrew Misplon Hi, I Work Here

    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;
    }
  4. 7 years, 7 months ago Stevie Mac

    Works perfectly now!!!

    Thanks for your help

    Steven

  5. 7 years, 7 months ago Andrew Misplon Hi, I Work Here

    Awesome! All the best.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More