Title: Child Theme CSS Problems or Bug?
Last modified: February 6, 2017

---

# Child Theme CSS Problems or Bug?

 *  [videosc](https://wordpress.org/support/users/videosc/)
 * (@videosc)
 * [9 years, 4 months ago](https://wordpress.org/support/topic/child-theme-css-problems-or-bug/)
 * I created a child theme using the **Child Theme Configurator** plugin and noticed
   that if I enter any new CSS code in the style sheet it has no effect on the theme,
   but if I add the same code in the Additional CSS box within the Theme Customizer
   it will work. Has anyone else noticed this with Child Themes for twenty seventeen?
   I guess I could just keep using the Customizer to make modifications although
   it kind of defeats the purpose of using a child theme, except for the ability
   to change the footer text which is handy.
    -  This topic was modified 9 years, 4 months ago by [videosc](https://wordpress.org/support/users/videosc/).

Viewing 7 replies - 1 through 7 (of 7 total)

 *  [stephencottontail](https://wordpress.org/support/users/stephencottontail/)
 * (@stephencottontail)
 * [9 years, 4 months ago](https://wordpress.org/support/topic/child-theme-css-problems-or-bug/#post-8744826)
 * Can you post a link to your site with the child theme active?
 *  Thread Starter [videosc](https://wordpress.org/support/users/videosc/)
 * (@videosc)
 * [9 years, 4 months ago](https://wordpress.org/support/topic/child-theme-css-problems-or-bug/#post-8745169)
 * I already switched to another theme until this issue gets resolved. Not sure 
   why you would need to see the site anyhow because all I’m asking is if anyone
   else has experienced the same issue as me with a child theme of twenty seventeen.
 * If it helps here is the code on my child theme style.css file:
 *     ```
       /*
       Theme Name: Twenty Seventeen Child
       Theme URI: https://wordpress.org/themes/twentyseventeen/
       Template: twentyseventeen
       Author: the WordPress team
       Author URI: https://wordpress.org/
       Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
       Tags: one-column,two-columns,right-sidebar,flexible-header,accessibility-ready,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,post-formats,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready
       Version: 1.1.1486332046
       Updated: 2017-02-05 22:00:46
   
       */
       ```
   
 *  [stephencottontail](https://wordpress.org/support/users/stephencottontail/)
 * (@stephencottontail)
 * [9 years, 4 months ago](https://wordpress.org/support/topic/child-theme-css-problems-or-bug/#post-8746668)
 * The main reason I wanted to see the site is to see what code the plugin was outputting
   and also to see if there were any other errors that might have affected your 
   child theme. It could have also been a caching issue; even if you don’t use a
   caching plugin, your host may have been caching your site.
 *  Thread Starter [videosc](https://wordpress.org/support/users/videosc/)
 * (@videosc)
 * [9 years, 4 months ago](https://wordpress.org/support/topic/child-theme-css-problems-or-bug/#post-8748834)
 * The Child Theme Configurator plugin only created two files, **style.css** and**
   functions.php**. Here is the functions php code:
 *     ```
       <?php
       // Exit if accessed directly
       if ( !defined( 'ABSPATH' ) ) exit;
   
       // BEGIN ENQUEUE PARENT ACTION
       // AUTO GENERATED - Do not modify or remove comment markers above or below:
   
       if ( !function_exists( 'chld_thm_cfg_parent_css' ) ):
           function chld_thm_cfg_parent_css() {
               wp_enqueue_style( 'chld_thm_cfg_parent', trailingslashit( get_template_directory_uri() ) . 'style.css', array(  ) );
           }
       endif;
       add_action( 'wp_enqueue_scripts', 'chld_thm_cfg_parent_css', 10 );
   
       // END ENQUEUE PARENT ACTION
       ```
   
 * Are you able to tell from these code posts if anything is preventing the child
   theme from working?
 * I assumed it wasn’t a caching issue because I could add several CSS changes to
   the Customizer Additional CSS box and each worked fine.
 * As an example when I added **h2.widget-title {color: #fff;}** to the child theme
   style.css nothing changed but when I deleted it and added it to the customizer
   additional css box the widget title color changed from black to white.
 * I assume Twenty Seventeen is one of the more popular WordPress themes so it seems
   odd that more people aren’t reporting issues with child themes, which makes me
   wonder if the problem is in the code I used.
 *  Thread Starter [videosc](https://wordpress.org/support/users/videosc/)
 * (@videosc)
 * [9 years, 4 months ago](https://wordpress.org/support/topic/child-theme-css-problems-or-bug/#post-8748911)
 * Just an FYI that I found some other functions php codes to try (below) and it
   didn’t work either. Found one example here: [http://codeboarding.com/2017/01/17/wordpress-twenty-seventeen-theme-customization/](http://codeboarding.com/2017/01/17/wordpress-twenty-seventeen-theme-customization/)
 *     ```
       <?php
       /* Child theme mandatory code */
       function my_theme_enqueue_styles() {
           $parent_style = 'parent-style';
           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 ),
               wp_get_theme()->get('Version')
           );
       }
       add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
       ?>
       ```
   
 * And another example here: [https://kinsta.com/blog/twenty-seventeen-theme/](https://kinsta.com/blog/twenty-seventeen-theme/)
 *     ```
       <?php
       /* Child theme mandatory code */
       function childtheme_enqueue_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' ),
       wp_get_theme()->get('Version')
       );
       }
       add_action( 'wp_enqueue_scripts', 'childtheme_enqueue_styles' );
       ?>
       ```
   
 * Interesting that there seem to be several functions php suggestions for this 
   theme floating around the internet.
    -  This reply was modified 9 years, 4 months ago by [videosc](https://wordpress.org/support/users/videosc/).
 *  [Pothi Kalimuthu](https://wordpress.org/support/users/pothi/)
 * (@pothi)
 * [9 years, 4 months ago](https://wordpress.org/support/topic/child-theme-css-problems-or-bug/#post-8749017)
 * > Interesting that there seem to be several functions php suggestions for this
   > theme floating around the internet.
 * True. Mine is too different from others. So, I don’t want to create more confusion
   for a simpler problem.
 * Sorry to ask this dump question… but, did you activate the child theme?
 *  [brnielsen44](https://wordpress.org/support/users/brnielsen44/)
 * (@brnielsen44)
 * [8 years, 10 months ago](https://wordpress.org/support/topic/child-theme-css-problems-or-bug/#post-9341397)
 * I am having the same issue and I have tried everything I can think of. I can 
   edit in “additional CSS” just fine, but when I edit style.css in my child theme,
   nothing changes.
 * For example, I was able to get waywetrip.com/sample-page to show full width by
   adding this to the “additional CSS” section, but same thing wouldn’t work in 
   style.css.
 * [@media](https://wordpress.org/support/users/media/) screen and (min-width: 48em){
   
   body.page-template-page-full-width .page-full-width #primary .entry-content {
   width: 100%; }
 * body.page-template-page-full-width .page-full-width #primary .entry-header {
   
   width: 100%; }
 * body.page-template-page-full-width .entry-header #primary .entry-title {
    font-
   size: 5rem; font-size: 80px; } }

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Child Theme CSS Problems or Bug?’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/twentyseventeen/4.1/screenshot.
   png)
 * Twenty Seventeen
 * [Support Threads](https://wordpress.org/support/theme/twentyseventeen/)
 * [Active Topics](https://wordpress.org/support/theme/twentyseventeen/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/twentyseventeen/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/twentyseventeen/reviews/)

## Tags

 * [additional css](https://wordpress.org/support/topic-tag/additional-css/)
 * [child theme](https://wordpress.org/support/topic-tag/child-theme/)
 * [css](https://wordpress.org/support/topic-tag/css/)

 * 8 replies
 * 4 participants
 * Last reply from: [brnielsen44](https://wordpress.org/support/users/brnielsen44/)
 * Last activity: [8 years, 10 months ago](https://wordpress.org/support/topic/child-theme-css-problems-or-bug/#post-9341397)
 * Status: not resolved