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].
I have a MAJOR problem with the 2.5.6 version of Page Builder on my WP Sydney theme based sites, after this update every custom CSS is not showing. The CSS is still in custom CSS styles box in Widget styles options, but it simply does not show. Please advise, I have more than a few sites with this issue. Thank you.
Hi Simez,
By hides do you mean the CSS just isn’t working anymore or the CSS Styles field is literally not present anymore?
Would it be possible for you to send me an export for a page with missing CSS styles? To do this please open one of the pages and click the Layout button in the Page Builder toolbar. Then click import/export and then click download. Please upload the export to a 3rd party file hosting site such as teknik.io.
Hello there. Thank you for your reply.
Both CSS field and CSS code remain as they were, but the webpage simply do not show CSS modifications after the update. It is as custom CSS is not entered in the field at all.
It happened on absolutely each and every one of pages with custom CSS entered in Page builder custom CSS field with Sydney WP theme.
I am using Autoptimize and Cpanel server based page caching, but I’ve cleared Autoptimize cache and I don’t think the Cpanel page optimization would cause the problem, since it never did before the plugin update.
Thank you for your answer, here is the Layout export you’ve asked for:
Page layout
Hi Simezg,
Okay, so the issue here is that you previously added CSS to the CSS Styles field in an invalid manner. Basically, the CSS Styles field supports inline styles which mean you cannot add a selector. There was previously an issue that sometimes allowed certain selectors though but this was unintentional and invalid HTML (and CSS – it’s really surprising it honestly worked).
In other words, this will work:
This will not work due to the selector:
.example { border-radius: 1px; height: auto; background: rgba(255, 255,255, 0.9); }If you would like to make use of selectors, I recommend installing something like SiteOrigin CSS.
Thank you very much, it worked.
I have actually tried using CSS without the selectors, and removed them, but I didn’t pull the CSS code all the way to the left, there was empty space left from the old code layout), so it didn’t work and I thought the problem was not with the selectors. I have tried it now again, and with tidy code layout and it did the trick.
Thank you again. Cheers.