Trouble Getting Child Theme to "Take"

  • Resolved drdebmv

    (@drdebmv)


    9 years ago

    I have created a child theme for Twenty Fifteen, and the part about enqueing the main theme seems to be working, but as I add new styles to the child theme, they do not seem to “take”. I do update the child theme, it is activated, and I do flush the cache, but the child theme styles do not override the main theme styles. Here are the couple of things I have in the child theme so far, I imagine its some little coding error . . . or perhaps there is some step I have missed.

    /*
    Theme Name: Twenty Fifteen Child
    Theme URI: https://djmassoc.com/twenty-fifteen-child/
    Description: Twenty Fifteen Child Theme
    Author: Deborah J. Mayhew
    Author URI: https://djmassoc.com
    Template: twentyfifteen
    Version: 1.0.0
    License: GNU General Public License v2 or later
    License URI: https://www.gnu.org/licenses/gpl-2.0.html
    Tags: two-columns, responsive-layout
    Text Domain: twenty-fifteen-child
    */

    html {
    font-family: Arial;
    }

    h1 {
    color: #000000;
    }

    #content a {
    color: #000000;
    }

    #content a:hover {
    color: #FFFFFF;
    }

    Thanks in advance for any insights!

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

  • Hi drdebmv,

    Please turn off maintenance mode so someone can take a look at your site and give suggestions.

    Thanks!

    Thread Starter drdebmv

    (@drdebmv)

    Hi CHristi – thanks so much for responding! I actually just resolved this issue in the last hour, it turns out that I needed to clear the browser cache. And it appears I need to clear it EVERY time I make a change to the css file in order to see if it worked. This seems incredibly inefficient. Now I am wondering if there is a way to turn off the cache so I can more efficiently make and immediately see changes to my css file . . . wonder if you have any thoughts on that issue . . . thank you.

    Hi drdebmv,

    Are you using a caching plugin? If not, you should only need to refresh the page, not completely clear the cache, unless you have some browser setting or add-on that is interfering. You could also try using a new private window of your browser for viewing the site.

    Hope this helps!
    Christi

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Does this work:

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

    ?

    Thread Starter drdebmv

    (@drdebmv)

    Hi Christi – I now see you are right, I only need to refresh the page! Another thing that threw me was that I expected my changes to show up in the visual editor, but they dont – they don’t show up until I both view the page and then refresh it. Also I think I occasionally forgot to click the update button after editing a css file . .. between all these details it just seemed as if my css edits were having no effect at all. But I think I finally have it sorted out, thanks for contributing to my understanding!!

    Thread Starter drdebmv

    (@drdebmv)

    Hi Andrew – not sure I understand what you are suggesting . . . are you suggesting I use your code snippet but include in the brackets any styles I want applied to the whole site? Can you tell me what the ‘!important’ part of that code does? Thanks for chiming in! ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Trouble Getting Child Theme to "Take"’ is closed to new replies.