style.css not working in Wordpress child theme

Question

I have created a child theme for my Wordpress theme (Alpine). I have created a style.css and functions.php file.

My style.css contains the following code:

  /*
 Theme Name:   Alpine Child
 Theme URI:    http://yourwebsite.com/alpine-child/
 Description:  My first child theme, based on Alpine
 Author:       Daniel Pataki
 Author URI:   http://danielpataki.com
 Template:     Alpine
 Version:      1.0.0
 Tags: one-column, two-columns, right-sidebar, fluid-layout, custom-menu, editor-style, featured-images, post-formats, rtl-langu$
 Text Domain: Alpine-child
*

My functions.php contains the following code:

<?php
/**
 * Enqueue scripts and styles.
 */
function namescript_scripts() {
    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', 'namescript_scripts_scripts' );

?>

When I make changes to the parent style.css file the changes are implemented but this does not happen when I make changes to the style.css in the child theme.

Any ideas?

BenB BenB · Accepted Answer · 2016-10-08T17:48:45

Try this:

<?php
/**
* Enqueue scripts and styles.
*/
function namescript_scripts() {
  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', 'namescript_scripts' );

?>

style.css not working in Wordpress child theme

1 Answers