Custom CSS is not loaded last.

[dbrrohof]

Hi Xtemos,

I’m trying to style the product filters on product archive page. I have added my styles to the global CSS field in the theme settings. However the file “el-product-filters.min.css?ver=6.5.2” is loaded after the custom CSS.

I have also noticed when using the accordion element the file “js_composer_tta.min.css?ver=6.9.0” is also loaded in the bottom of the page.

This forces the unnecessary use of “!important” for all custom styles related to these elements.
I guess the reason for this current setup is for performance optimizations.

Please let me know if i should continue using the “!important” to override CSS, or if you have a cleaner way/fix for this.

Best regards
David

• This topic was modified 3 years, 1 month ago by dbrrohof.

Hello,

Sometimes its “!important” to use !important with the CSS. If you have taken the CSS classes correctly then it will work without the “!important”

Best Regards

[Author]

Posts