Child theme CSS precedence

Have you added a functions.php file to the child theme ?
Try enqueuing your child theme’s css in functions.php, but make sure you enqueue it after the parent theme’s css. This way everything that appears in the child theme’s css overrides what is inside the parent theme’s css.

I sort of wondered about that I don’t have a functions.php on the child theme (was unsure on this) I’ll add one. If I add one, will the parent theme functions.php carry out its processes, THEN any child theme functions.php processes ?

Your wording is not clear to me (inexperience)

Try enqueuing your child theme’s css in functions.php

Enqueue can you clarify the term?

Thanks.

Exactly, the parent theme functions.php will work just fine, all you need to put inside your child theme’s functions.php is this code here:

<?php

function my_child_theme_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
    wp_enqueue_style( 'child-style', get_stylesheet_directory_uri().'/style.css', array('parent-style')  );
}
add_action( 'wp_enqueue_scripts', 'my_child_theme_styles');
?>

After making the functions.php file it should work just fine.

Thank You kindly.
I reworded my search criteria and eventually found the Child themes Codex which I’m now reading.

Cheers for your time.

Further question.
After reading the Codex document and your answer I am unsure of the syntax to use on the Child Functions.php file.

Your code example.
<?php

function my_child_theme_styles() {
wp_enqueue_style( ‘parent-style’, get_template_directory_uri().’/style.css’ );
wp_enqueue_style( ‘child-style’, get_stylesheet_directory_uri().’/style.css’, array(‘parent-style’) );
}
add_action( ‘wp_enqueue_scripts’, ‘my_child_theme_styles’);
?>

If I am using a Parent theme of DIVI and a Child theme of baby-divi.

Could I trouble anyone to show me in the function above what the sytax would be for those names?
Thanks.

Think I’ve worked this out.

Nope, I lied, I got the syntax wrong, so any pointers would be appreciated.

When I try the amended supplied code example I got an unexpected identifier T_string error in line 5, that was because I had first of all spaces in the name, then “-” dashes, then I tried “_” underscores which removed the error but in the example I am still unsure of what parameter goes where.

My full attempt below

<?php

function my_child_theme_styles() {
wp_enqueue_style( ‘Parent_2017’, get_template_directory_uri().’/style.css’ );
wp_enqueue_style( ‘child_2017 ’, get_stylesheet_directory_uri().’/style.css’, array(‘parent_2017’) );
}
add_action( ‘wp_enqueue_scripts’, ‘my_child_theme_styles’);
?>

On the add action line, are the two supplied examples correct parameters?

OR should “my_child_theme_styles” be some other value / name?

My difficulty is that I am unsure what is a correct parameter and what is a tag that should be replaced with my named files.
Sorry for basic queries but we all start somewhere.

• This reply was modified 7 years, 9 months ago by robmcp.

In your child theme css did you mentioned correctly the template ? The code should work as it is.

Thanks for the help. It looks like it’s working, though I still need to do ssom more investigation as I see that the preferred method is not to use @import

Thanks for your time.

You don’t have to use @import in your css because wp_enqueue_style is doing it for you, you are just making your page load slower that way. No problem, if you have any questions, feel free to ask.