This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

White Background with Pagebuilder & Visual Editor (Black StudioTinyMCE)

Resolved 5 replies pluginplugin-page-builder
Stevie Mac
11 years ago · Last reply by Andrew Misplon 11 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. Andrew Misplon Staff 11 years, 8 months ago

    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. Stevie Mac 11 years, 8 months ago

    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. Andrew Misplon Staff 11 years, 8 months ago

    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. Stevie Mac 11 years, 8 months ago

    Works perfectly now!!!

    Thanks for your help

    Steven

  5. Andrew Misplon Staff 11 years, 8 months ago

    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.

Have a different question or issue?

Start New Thread