Child Theme Not Overriding Parent

  • Hey people!

    I seriously have been searching for an answer to this for quite awhile. It may be the late hour as to why I can’t figure this out (I’m sure it’s something so simple).

    I am trying to change the post header font seen on my homepage and in the title when viewing the post. Fortunately, I’ve been able to do almost everything with plug-ins, but this is the thorn in my side.

    I am using Firebug, and when I inspect the page, the code is being pulled from what appears to be the website and not my child theme’s style sheet. I have other code in my child’s theme that was able to override the parent theme no problem.

    Here’s the code I’m using in my child theme

    /* changes post font */
.entry-title, .entry-title a {
    font-family: "over the rainbow", cursive;
    font-size: 32px;
    font-weight: normal;
}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #282828;
    font-family: "over the rainbow", cursive;
    font-weight: normal;
}

    my website is https://www.contentedgypsy.com (the post titles are what I want to change).

    I’ve Googled alot and tried different things. Having the font in and out of quotes. I’ve tried .site-content. I’m lost.

    Thanks bunches!

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

  • I think it may be a specificity problem. It looks like your styles are showing up and then being overridden by the parent theme styles. You could try adding an ID selector to be more specific than the parent theme.

    #primary .entry-title {
  font-family: "over the rainbow", cursive;
  font-size: 32px;
  font-weight: normal;
}
    Thread Starter elanandcompany

    (@elanandcompany)

    Well, I tried what you gave, and it still didn’t work. I’m going over that Smashing Magazine article on specificity to see what I can come up with. You at least gave me some sort of direction. Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Child Theme Not Overriding Parent’ is closed to new replies.