Child Theme will not override my Parent theme

senzacqua · October 2014

Hello, and thanks for so a great Theme.

I just activate my child theme and start to play with the css. My Problem is that will just work if i put !important I know I´m doing something wrong but I don´t have any clue why is not working right.

I will appreciated if some one can help me.

Bye

/*

Theme Name: Betheme Child

Theme URI: http://themes.muffingroup.com/betheme

Author: Muffin group

Author URI: http://muffingroup.com

Description: Child Theme for Betheme - Premium WordPress Theme

Template: betheme

Version: 1

*/

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

/* Theme customization starts here

-------------------------------------------------------------- */

.custom-css-class { display:block;}

#Top_bar, .header-stack #Top_bar, .header-fixed #Top_bar, .header-below #Top_bar, #Header_creative, #Top_bar #menu {

background-color: #7e0016 !important;

}

#Top_bar .menu > li > a span:not(.description) {

display: block;

line-height: 60px;

padding: 0 20px;

white-space: nowrap;

border-right-width: 3px !Important;

border-style: solid;

}

Albert · October 2014

Hi,

!important; should work of course. But if does not work then you should have a look at http://codex.wordpress.org/Child_Themes where everything has been explained.

Also some more topics about child theme you can check below:

http://forum.muffingroup.com/betheme/discussion/124/child-theme

http://forum.muffingroup.com/betheme/discussion/892/betheme-child

Thanks for understanding!

senzacqua · October 2014

@import should not be used to import the parent stylesheet into the child theme. The correct method is to use wp_enqueue_style() to enqueue the parent stylesheet, using this code in your child theme's "functions.php":

<?php

add_action( 'wp_enqueue_scripts', 'enqueue_child_theme_styles', PHP_INT_MAX);
function enqueue_child_theme_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
    wp_enqueue_style( 'child-style', get_stylesheet_uri(), array('parent-style')  );
}

So I have to include This code to make that work ?

I will try if not I will work just with the parent theme

Albert · October 2014

Ok you're definitely right. We already tested your solution above and this works fine. As we see, wordpress changed their methods for child themes because in the past it was working with @import. However your solution above is fine and we`ll do the same thing for our child theme with next update.

Thanks for understanding!

marksuarez · March 2015

Hi,

I'm following this conversation. So how would I get the site to recognize my child theme's css? Specifically, STYLE-STATIC.css in my child theme. I'd like it to override the parent theme's style-static.css.

I tried adding that script to my child theme's function.php but that didn't work. Can you help me?

Albert · March 2015

@marksuarez If it does not work on your side, means you did somethnig wrong. Everything has been explained above and also you should have a look into topics we left above. Also more information you can get on http://codex.wordpress.org/Child_Themes

Thanks!

numero7 · March 2015

I'm running the same problem as marksuarez, i've put my css-static.css file in my child theme and it's not recognized. the site load the parent theme file. thanks for you help

Albert · March 2015

@numero7 Please tell me, where on this page http://codex.wordpress.org/Child_Themes you found the info that you can use other name for .css file than style.css? As we see, there is only information that within child theme you can use only style.css file.

numero7 · March 2015

Okay so do i have to put the static-css file content inside my child theme style.css file to avoid being overwritten in the next theme update ?

edit: that what i did and it works perfectly :-) maybe there's something you can add to the documentation ?

@marksuarez, simply paste the content inside your child theme style.css and it will work.

Albert · March 2015

Yes, if you use static css, then content from this file must be placed into style.css of child theme.

Child Theme will not override my Parent theme

Comments