How do I make a child theme's style.css load after plugin css?

Well, currently two different ways are coming to my head-

One way could be, using ultimate-style-min-css as a dependency of your child theme style.css–

/**
 * Say this below function is your theme enqueue
 */
function the_dramatist_child_theme_scripts(){
    wp_enqueue_style ('your-child-theme-css','YOUR CSS URL HERE', array( 'ultimate-style-min-css' ), null, 'all');
}
add_action('wp_enqueue_scripts','the_dramatist_child_theme_scripts');

Another would be using wp_dequeue_style first then enqueue the child theme style with ultimate-style-min-css as a dependency-

/**
 * Here we first dequeue the style and then we'll enqueue the child theme style again with ultimate-style-min-css as a dependency.
 */
add_action( 'wp_enqueue_scripts', 'ross_north_child_theme_scripts' );
function ross_north_child_theme_scripts() {
    wp_dequeue_style( 'houzez-style-css' );
    wp_enqueue_style( 'houzez-style-css', get_stylesheet_directory_uri() . '/style.css', array('ultimate-style-min-css' ), null, 'all' );
}

An update after the question has been updated.

Last way in my mind is, that if your child theme stylesheet is being enqueued at wp_head with a lower priority than your plugins stylesheet’s priority then the solution would be to use the same wp_head hook, with a lower priority for your plugin stylesheet.

Hope the above helps.

Related Posts: