Return to previous page

Wrong order of the stylesheets loaded - by Royalty

This topic has 2 replies, 2 voices, and was last updated 6 years, 10 months ago ago by Rose Tyler

Royalty

Participant

June 9, 2017 at 09:55

Hello,
I am having problems with a plugin (Popup Maker) and the author tried to help me to solve it. He came across that the conflict is caused by the order the stylesheets are loaded. He said: “Typically themes should try to register their CSS as late as possible but that isn’t common. Your themes style.css file loads sooner than the popup maker CSS which is why you need !important.”
I’ve added a screenshot in private content to see in which order the stylesheets are loaded (active plugins are only Popup Maker and Woocommerce).
Any help on how to order the stylesheets in the right way would be really appreciated.
Many thanks in advance.

Please, contact administrator
for this information.

#165391 Copied

1 Answer
Rose Tyler

Support staff

June 9, 2017 at 14:34
Hello,

You can add this code in function.php file of your child theme:
```
remove_action( 'wp_enqueue_scripts', 'etheme_enqueue_styles', 130);
add_action( 'wp_enqueue_scripts', 'etheme_enqueue_styles',  20);
```
and try to change 20 value to change order.
But we don’t recommend change order of the stylesheets loaded because you may have some conflict of styles with other plugins.

Regards,
Rose Tyler.
#165415 Copied
Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Agricultural Store – WordPress WooCommerce Theme

lazy-placeholder

Typography – WordPress WooCommerce Theme

lazy-placeholder

Cosmetics Store – WooCommerce Theme

lazy-placeholder

Niche Market 02 – Multivendor WP WooCommerce Theme

lazy-placeholder

Transport – WooCommerce Theme

lazy-placeholder

Interior – WordPress WooCommerce Theme

lazy-placeholder

Wedding – WordPress Theme

lazy-placeholder

Games Store – WordPress WooCommerce Theme

lazy-placeholder

Home Decor 02 Store – WordPress WooCommerce Theme

lazy-placeholder

Lingerie Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.