WordPress Child Theme not loading style.css

Question

I'm trying to create a child theme and functions.php seems to be working but for some reason, the child theme isn't loading. I added the following in my functions.php and it does work, except it loads up the parent theme's style.css and not the child.

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

Here's the top of my style.css in the child:

/*
Theme Name: Chaplin Child
Theme URI: https://my-site.com/
description: Child Theme
Template: Chaplin
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: stack-child
*/

Your code is telling WordPress to load the parent theme's stylesheet only and that's it. That's why it doesn't load the stylesheet from your child theme. The documentation has examples on how to load both stylesheets, have you tried them out yet? — cabrerahector
– cabrerahector, Commented May 26, 2020 at 22:23
Yes, I did. First version of the functions.php code didn't change anything. Second added the sheet but any style from the parent stylesheet overwrote the CSS in the child style sheet. — Adam Bell
– Adam Bell, Commented May 29, 2020 at 4:11
Then the problem is how you're writing the CSS rules for your child theme. This is a good read: CSS Specificity. — cabrerahector
– cabrerahector, Commented May 29, 2020 at 11:06

Johannes · Accepted Answer · 2020-08-14 16:34:11Z

2

Try this (in functions.php), this is from a working child theme of mine and also enqueues the child theme stylesheet:

add_action('wp_enqueue_scripts', 'register_my_scripts');

function register_my_scripts() {
    wp_enqueue_style( 'parent_style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css'  );
}

answered Aug 14, 2020 at 16:34

Johannes

67.9k22 gold badges85 silver badges139 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

WordPress Child Theme not loading style.css

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related