Child theme's style.css edits not working

Kyle888,

I’m not sure this is the correct answer for you, but:

Sometimes I’ve found that I’m missing pieces of code from the parent theme that I didn’t think I needed.

In other words, are you sure that the code snippet you are pasting is complete? Bootstrap seems to have several snippets in different parent locations that ALL need to be pasted into the child theme. Not sure this is right…just a thought.

Another problem you might come up with is the following:

Depending on the hosting service that you use, AND whether or not you are using a CDN (Content Delivery Network), your may have a caching service enabled that delays any changes to your Child Theme. Sometimes just deleting your cache, logging out, and then logging back in will then display your CSS changes.

Every time I make changes to my CSS, I install WP Super Cache (choose your favorite plugin), enable it, delete my cache, and then uninstall the caching plugin. It seems to freeze up my site when I leave it installed. You might be able to delete your cache from the server side without installing a plugin.

Maybe one of these ideas will help you out.

Hi Kyle888,

Do you have a link to your site that you can share? Also do you mind sharing your child theme code? Did you properly write the css preamble and and active your child theme? Once you create the child theme you of course need to active it and not the main theme.

Let me know and I would be happy to help.

OK, my site is: sanmarcoslumber.com

Below is my child theme style.css code. Normally I would say this should be linking correctly because when you view the site, the pages are pulling in it’s styles from the parent theme, it’s just not able to use the test styles I added … but then the parent theme is different than most because the parent theme’s style.css page has no style rules on it so I don’t know where the parent theme is keeping the styles.

/*
Theme Name: Customizr-Child-Kyle
Description: Child theme for the Customizr
Author: Kyle Thomas
Author URI: https://carlsbadwebsitedesign.net
Template: customizr
Version: 1.0.0
*/

@import url(“../customizr/style.css”);

/* The style rules below is what I used to test if this was working and as it turns out they are not working */

body {
background-color:black;
}
.marketing h2{
color:red;
}

Hi Sapeshifter 3,

It seems you got it right, and my site was caching. Sometime later when I viewed my published site, the test rules I created in my child theme style.css began to show up.

Thank you to both you and bencaplan for your input!

Hi there,

I’m having the same problem. I have a WordPress Network that runs fine. If I create a Child theme I can see it in the admin area and activate it. But the CSS from the child style.css is not turning up on the frontpage it just shows its parents theme. It looks like the child css it is not loaded. I sheached in a lot of support forums already but no fix for me yet. Any one a clue?

Let me know what you want to know on my setup.

The development website is localy hosted.
WP 3.6.1

Theme:
/themes/letsrefine/
/themes/letsrefine-child/

child style.css:

/*
 Theme Name:     Lets Refine Child
 Theme URI:      https://www.developersdomain.nl/wp-content/themes/letsrefine-child/
 Description:    Lets Refine Child Theme
 Author:         Jacob Christoffels & Bart van der Valk
 Author URI:     https://www.bondjack.nl
 Template:       letsrefine
 Version:        1.0.0
*/
@import url("../letsrefine/style.css");

/* Theme customization starts here
-------------------------------------------------------------- */

body {background-color: gray;}

h1 {font-size: 100px !important;}

/* ============ Orange image fill =========== */

/* Sub-menu */
.sub-menu-container {background-image: url(images/new-color-fill-orange.gif) !important;} 

/* Layout dashboard */
.dashboard {background-image: url(images/new-color-fill-orange.gif);}

/* Archives */
.divider {background-image: url(images/new-color-fill-orange.gif);}

/* Recent Post block1 */
#latest-0 {background-image:url(images/new-color-fill-orange.gif);}

/* social media buttons share */
.icons-text {background-image:url(images/new-color-fill-orange.gif);}

/* footer */
.footer-menu-container {background-image: url(images/new-color-fill-orange.gif);}

/* ============ Orange color fill =========== */

Thx!

As per the Forum Welcome, please post your own topic.

Hi to All,

Please see:
https://www.ads-software.com/support/topic/child-theme-stylecss-not-overriding-parent

Worked for me!