Changing Stylesheet Enqueue Order
-
Hello,
My childtheme’s css appears to be being fired late and I think I need to enqueue my style to fire later to fix it.
I believe I need to change the enqueue order of my mrtailor theme, below is how the current styles are enqueued, can anyone explain how to enqueue my own child css files to fire later?
// frontend function mr_tailor_styles() { global $mr_tailor_theme_options; wp_enqueue_style('mr_tailor-app', get_template_directory_uri() . '/css/app.css', array(), '1.0', 'all' ); wp_enqueue_style('mr_tailor-easyzoom', get_template_directory_uri() . '/css/easyzoom.css', array(), '1.0', 'all' ); wp_enqueue_style('mr_tailor-woocommerce-overwrite', get_template_directory_uri() . '/css/woocommerce-overwrite.css', array(), '1.0', 'all' ); wp_enqueue_style('mr_tailor-animate', get_template_directory_uri() . '/css/animate.min.css', array(), '1.0', 'all' ); wp_enqueue_style('mr_tailor-animations-products-grid', get_template_directory_uri() . '/css/animations-products-grid.css', array(), '1.0', 'all' ); wp_enqueue_style('mr_tailor-fresco', get_template_directory_uri() . '/css/fresco/fresco.css', array(), '1.3.0', 'all' ); wp_enqueue_style('mr_tailor-swiper', get_template_directory_uri() . '/css/swiper.min.css', array(), '3.3.1', 'all' ); wp_enqueue_style('mr_tailor-owl', get_template_directory_uri() . '/css/owl.carousel.css', array(), '1.3.1', 'all' ); wp_enqueue_style('mr_tailor-owl-theme', get_template_directory_uri() . '/css/owl.theme.css', array(), '1.3.1', 'all' ); wp_enqueue_style('mr_tailor-offcanvas', get_template_directory_uri() . '/css/offcanvas.css', array(), '1.0', 'all' ); wp_enqueue_style('mr_tailor-nanoscroller', get_template_directory_uri() . '/css/nanoscroller.css', array(), '0.7.6', 'all' ); wp_enqueue_style('mr_tailor-select2', get_template_directory_uri() . '/css/select2.css', array(), '3.5.1', 'all' ); wp_enqueue_style('mr_tailor-defaults', get_template_directory_uri() . '/css/defaults.css', array(), '1.0', 'all' ); wp_enqueue_style('mr_tailor-styles', get_template_directory_uri() . '/css/styles.css', array(), '1.0', 'all' ); wp_enqueue_style('mr_tailor-responsive', get_template_directory_uri() . '/css/responsive.css', array(), '1.0', 'all' ); wp_enqueue_style('mr_tailor-fonts', get_template_directory_uri() . '/inc/fonts/getbowtied-fonts/style.css', array(), '1.0', 'all' ); wp_enqueue_style('mr_tailor-font-awesome', get_template_directory_uri() . '/inc/fonts/font-awesome/css/font-awesome.min.css', array(), '1.0', 'all' ); wp_enqueue_style('mr_tailor-default-style', get_stylesheet_uri()); if (file_exists(dirname( __FILE__ ) . '/_theme-explorer/css/theme-explorer.css')) { wp_enqueue_style('mr_tailor-theme-explorer', get_template_directory_uri() . '/_theme-explorer/css/theme-explorer.css', array(), '1.0', 'all' ); } } add_action( 'wp_enqueue_scripts', 'mr_tailor_styles', 99 );
- The topic ‘Changing Stylesheet Enqueue Order’ is closed to new replies.