Changes to Child Theme style.css Not Appearing

  • Resolved wittyoctopus

    (@wittyoctopus)


    10 years, 8 months ago

    I would like to start by thanking all the great advice and information that has been posted in this forum. It contributed greatly in my choice to use this theme. Also thanks to the theme creator. I’m a total noob at this whole website creation process, so all the advice contained in this forum has been invaluable. Also I apologize for my inability to include a link to my site as I am currently working on it using MAMP.

    With that said I have not had any luck getting the changes that I make to the Child Theme style.css appear. I’ve read through the forums thoroughly and have been unable to find the solution. Here’s the original text I used in the Child’s style.css to set it up:

    /*
    Theme Name: Customizr Child Theme
    Author: Luke T. Moore
    Description: A customized version of the Customizr Theme for WordPress
    Version: 0.1
    Template: customizr
    */

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

    /* Test for child theme override */

    .site-logo {display: none;}

    Using firebug in Firefox I was able to locate what appeared to be a load order for the CSS files, it looked like:

    /wordpress/
    Inline
    /wordpress/ #2
    /wordpress/ #3
    http://localhost:8888/wordpress/wp-content/themes/CustomizrChild
    style.css?ver=3.0.8
    http://localhost:8888/wordpress/wp-content/themes/customizr/inc/css
    blue.css?ver=3.0.8
    http://localhost:8888/wordpress/wp-content/themes/customizr/inc/js/fancybox
    jquery.fancybox-1.3.4.css?ver=3.6

    Is it possible that the blue.css from the Parent is overriding whatever settings that I input into my Child style.css?

    Also I was able to input the “.site-logo {display: none;}” code directly into the /wordpress/#3 section of the CSS tab into firebug, and it worked immediately. But the change was not permanent, as soon as I reloaded the page the code was gone and the logo reappeared.

    Thank you for any help that you can provide, and if any further information is required I will get right on it.

    P.S. Also a total noob question but how to y’all get the code to appear in the grey box? Thanks

Viewing 9 replies - 1 through 9 (of 9 total)
  • edwardslabs

    (@edwardslabs)

    10 years, 8 months ago

    Do you have you child theme located here:
    /wordpress/wp-content/themes/customizr-child ?

    If so do you have you child theme selected in the wordpress admin menu I ask because I don’t see your child-theme style.css being loaded at all?

    Also changes made in Firebug are only on the client side rendering. They have no impact on the actual files.

    Thread Starter wittyoctopus

    (@wittyoctopus)

    10 years, 8 months ago

    @edwardslabs, thanks for the response. I did have my child in the correct folder, but something in your response caused a lightbulb to go off. As an idiot the folder holding the child theme was “Customizr Child”, and I’m pretty sure the space in the folder name was throwing a wrench in the works. Once I renamed the child “customizer-child” everything fell into place and I was able to make changes. Thanks.

    edwardslabs

    (@edwardslabs)

    10 years, 8 months ago

    Excellent. Have a great day!

    crezzysue

    (@crezzysue)

    10 years, 8 months ago

    Just wanted to chime in on this subject: I’m using MAMP to work on a WordPress site on my local machine as well, and was having issues with the CSS not showing up for my child theme.

    I followed the “renaming/removing the space” advice from wittyoctopus, but I also had an ah-ha moment when I realized I was not installing my child theme properly. I had simply been putting the child theme folder in the “themes” directory and refreshing my browser instead of uploading a zipped folder and actually installing it.

    It wasn’t until I removed the folder and refreshed the page to delete it, and a WordPress message appeared on a gray background that said “cheatin’ huh?” – I then realized I was doing it wrong 😉 Oops!

    Just wanted to put that out there in case someone else is doing it wrong too and having the same issues. I did it the proper way – uploading a zipped folder to install it – and all is well now. Phew! Good luck!

    edwardslabs

    (@edwardslabs)

    10 years, 8 months ago

    Note (at least on Linux) you should not have to copy a zipped file in to be installed. Simply creating the correct directory and style.css is all that is needed to be able to select the child theme in the admin interface.

    ElectricFeet

    (@electricfeet)

    10 years, 8 months ago

    @wittyoctopus

    P.S. Also a total noob question but how to y’all get the code to appear in the grey box? Thanks

    You put it in backticks (see the second line of instructions below the text box). Either type them in yourself (prone to mistakes) or select the text and press the “code” button above the textbox.

    Thread Starter wittyoctopus

    (@wittyoctopus)

    10 years, 8 months ago

    Thanks for all the help. You guys are great!

    @crezzysue, running MAMP I had absolutely zero issue just creating a new folder and putting the style.css in there. WordPress dashboard recognized it immediately.

    crezzysue

    (@crezzysue)

    10 years, 8 months ago

    @edwardslabs and @wittyoctopus, thanks for letting me know that simply making a folder in the correct directory worked for both of you.

    So maybe it was the renaming without spaces that did the trick! I think I was having caching issues with WP Super Cache settings. Seems to be ok now.

    Thanks again you guys!

    bradmaunsell

    (@bradmaunsell)

    10 years, 6 months ago

    THANKS!!! I have struggled for hours with no change. Adding the dashes to the name fixed it for me as well

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Changes to Child Theme style.css Not Appearing’ is closed to new replies.