Creating a child-theme: CSS not loading

Question

I created a custom theme (style.css in the dashboard)

/*
Theme Name:     Client customisations
Description:    Child theme for the client Website
Author:         Me
Author URI:     http://example.com/about/
Template:       aries
Version:        1.0.0
*/

@import url("../aries/style.css");

h2{
    color: #4E8B4E !important;
    font-size: 1.4em;
}   

When I visit the front page in Chrome, I see that wp-content/themes/aries was loaded, but not my custom theme that is currently activated. What could be causing this issue?

Answer 1

I simply had to replace get_template_directory_uri() with get_stylesheet_directory_uri() in the parent template. I tried enqueing the css first, as I didn't want to modify the parent, but I couldn't get it working.

Answer 2

For future people, I found this thread and followed Casebash's advice:

Find the child-theme's functions.php and replace get_template_directory_uri() on the parent-style with get_stylesheet_directory_uri() so it looks like the following:

function theme_enqueue_styles() {
    wp_enqueue_style('parent-style', get_stylesheet_directory_uri() . '/style.css');
    wp_enqueue_style('child-style', get_stylesheet_directory_uri() . '/style.css', array($parent_style));
}

This worked for me immediately. I hope it helps someone else.