Child Theme CSS changes not updating

  • Resolved BergHomes

    (@berghomes)


    11 years, 10 months ago

    Hello,

    I have the child theme installed and it appears to be pulling correctly from the Parent Theme. I am able to have unique php files updated to the child theme and are viewable in the WordPress Editor, however, none of the css changes I am trying to commit are occurring/updating.

    So for example nothing in the CSS file after

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

    NOTHING is updating.

    Below is what the code current looks like in the css file. However when I inspect the elements on the webpage the css changes I committed are not updated.

    /*
Theme Name: Twenty Eleven Child
Description: Child theme for the Twenty Eleven theme
Author: Mat Berg
Template: twentyeleven
*/

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

/* This will override site title color even on the dark theme */
#site-title a {
    color: #009900 !important;

#access {
background: -webkit-linear-gradient(#999, #33CC33);
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
clear: both;
display: block;
float: left;
margin: 0 auto 6px;
width: 100%;
}

Viewing 15 replies - 1 through 15 (of 16 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You’re missing the closing bracket here;

    #site-title a {
color: #009900 !important;

    Thread Starter BergHomes

    (@berghomes)

    OK thanks for the quick response. I just decided to get rid of the title change all together. So now I’m trying to figure out what the nav bar isn’t updating. The CSS code looks like this now:

    /*
Theme Name: Twenty Eleven Child
Description: Child theme for the Twenty Eleven theme
Author: Mat Berg
Template: twentyeleven
*/

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

/* This will override PARENT theme */

#access {
background: -webkit-linear-gradient(#999, #33CC33);
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
clear: both;
display: block;
float: left;
margin: 0 auto 6px;
width: 100%;
}

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Did you try adding something like;

    body {
 border: 10px solid red !important;
}

    To help narrow down the issue?

    Thread Starter BergHomes

    (@berghomes)

    Hmm just added that. And no red body text seems to show up on the site. Reference update code below… It’s strange because the Child Theme is live. I’m wondering if I should just reinstall the CSS file in the control panel directory. Maybe something got corrupted.

    /*
    Theme Name: Twenty Eleven Child
    Description: Child theme for the Twenty Eleven theme
    Author: Mat Berg
    Template: twentyeleven
    */

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

    /* This will override PARENT theme */

    body {
    border: 10px solid red !important;
    }

    #access {
    background: -webkit-linear-gradient(#999, #33CC33);
    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    clear: both;
    display: block;
    float: left;
    margin: 0 auto 6px;
    width: 100%;
    }

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    May you provide a link to the webpage with the issue?

    Thread Starter BergHomes

    (@berghomes)

    Sure you should when you inspect the elements of the homepage it should be referencing the updates in the CSS file.

    https://www.berghomesforsale.com

    Thanks!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    May you also clear your browser’s cache?

    Thread Starter BergHomes

    (@berghomes)

    so for example when you inspect the nave bar there should be a piece of code for

    background: -webkit-linear-gradient(#999, #33CC33);

    referencing the child CSS file. But it’s just going the default.

    Thread Starter BergHomes

    (@berghomes)

    yea cleared the cache — nothing…

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Sorry, I can’t replicate your issue.

    The red border works for me – try another browser.

    Thread Starter BergHomes

    (@berghomes)

    You’re right. Everything is working now. There must’ve been a delay in the server or something.

    I am having a similar issue but I don’t think mine is due to caching. For some reason my child theme’s style.css is not being called to override. https://www.stageonepromotions.com/cms123/category/dance-bands Any ideas why?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    A Child Theme of which theme?

    It’s a custom theme called stageonepromotions.

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘Child Theme CSS changes not updating’ is closed to new replies.