stephennelson384

For anyone else finding this thread-

WPBakery’s Page Builder is currently (spring 2018) not compatible with WordPress’s default theme, Twenty Seventeen

The reason is because this plugin adds required CSS to pages based on their page ID. Because of that, a page or post that is displayed somewhere other than its home (such as the on Front Page in Twenty Seventeen) will not get the CSS.

From WPBakery: “We are planning to enhance the design option algorithm in future, so that rendering in such cases can be supported.”

Meanwhile, you can add a CSS id to any Page Builder element, then style that id using Custom CSS.

Thanks again for helping me Andrew.

Here is an example page to illustrate my issue: https://gush.am/farm/

As you can see, all the background colors behave properly on this page.

But when I select that page for Section 1 of the Front Page, all the background colors turn back to white, except if I target each element individually by adding a custom class in Page Builder then referencing that class in Custom Css. You can see this in action on the home page: gush.am

It seems like Front Page is doing something different with background colors than regular pages. Is there any way to give Front Page the same background color properties as regular pages?

I am able to accomplish my goals using custom css, but obviously it is onerous to have to create redundant classes and custom css to set backgrounds for each element, especially when I have no trouble setting backgrounds for normal pages.

Example: If I make a Text Block and set it’s background color to red, it will be red on all pages except Front Page. On the Front Page, it will be white.

I can set the background color of the page, that isn’t my issue.

My issue is that background colors that I assign in Page Builder for specific rows or objects do not work on the Front Page. They all take on the color that has been set for the background, which obviously isn’t right.

Background colors that I assign in Page Builder for specific rows or objects work fine on every page except the Front Page.

So, specifically, I’m trying to stop Front Page from overwriting the other background colors I select.

Thanks for helping me with this Andrew!

I’ve cleaned up the bad background color (specifically I deleted that line from my Custom CSS).

Unfortunately, my issue persists.