Parent theme style loaded after child style

Hi,

You can please remove/replace your code with below in your child theme functions.php

add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
    $parenthandle = 'twenty-twenty-one-style'; // This is 'twenty-twenty-one-style' for the Twenty Twenty-one theme.
    $theme = wp_get_theme();
    wp_enqueue_style( $parenthandle, get_template_directory_uri() . '/style.css', 
        array(),  // if the parent theme code has a dependency, copy it to here
        $theme->parent()->get('Version')
    );
    wp_enqueue_style( 'custom-style', get_stylesheet_uri(),
        array( $parenthandle ),
        $theme->get('Version') // this only works if you have Version in the style header
    );
}

Thank you, Mukesh

This is what I use in functions.php (but I am going to replace with your suggestion):

add_action( 'wp_enqueue_scripts', 'enqueue_parent_theme_style' );
function enqueue_parent_theme_style() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
}

function theme_styles() 
{
	wp_register_style('custom-styles', get_stylesheet_directory_uri() . '/mystyle.css' );
	wp_enqueue_style('custom-styles');

}
add_action( 'wp_enqueue_scripts', 'theme_styles' );

• This reply was modified 3 years, 10 months ago by szazo74.
• This reply was modified 3 years, 10 months ago by t-p. Reason: Code formated

THANK YOU, it works! ??

I just made an account to say THANK YOU. I was having so much trouble with this, and you you @mukesh27 solved it.

Thank you @rcecilwp