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].
In my wordpress setup there is child theme which is having lots of !important CSS written, because of !important CSS Pagebuilder css not applying to the elements created by widgets of pagebuilder plugin.
I can not remove !important css from my theme.
Please provide me solution for that so that I can create any layout with the pagebuilders CSS. And page builder css should be override themes CSS.
I thought if the dynamic css which is creating by siteorigin plugin that also should add “!important” for each CSS rules. Is this possible using any hooks or filter ?
Hi Vipul,
Unfortunately, SiteOrigin Page builder uses very specific CSS for the most part – this is sadly unavoidable. We do not use !important outside of one very obscure instance . This means that you’ll sadly need to use !important to bypass certain CSS but you don’t need to worry about that !important not working.
The only real option to avoid having to use !important would be to use more specific CSS or by removing the Page Builder CSS. The latter isn’t recommended as you’ll need to write a lot of CSS and the former isn’t recommended as you’ll need to write a lot of very specific selectors.
Sorry mate. :(