styles.css inherits, but specific elements are ignored.

  • Resolved Tryah85

    (@tryah85)


    11 years, 7 months ago

    I am playing with a local installment of this new theme Twenty Thirteen. I have successfully made a child theme for Twenty Twelve, but I am having issues. In Firefox using the Firebug extension I can see some Elements, IDs, Classes apply, but some do not.

    The h1 class=”site-title”, the selection for the title name for the site using this theme does not work. Firebug states that properties are inherited from body.home (from the line numbers provided). However, color, font-family, and font-size are crossed out, indicating the parent CSS is overriding it.

    I have the fonts loaded properly from the functions.php file located in my child folder. Additionally I can see some elements have the right font/style…

    Does anybody else have this issue? Suggestion on how to solve this?

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

  • This selector alone

    .site-title { font-size: 20px; font-family: Arial; }

    in a child theme stylesheet of TwentyThirteen can override parent’s as expected.

    So if yours does not, first validate your CSS, and then see if there is a plugin that might mess with the styling.

    Thread Starter Tryah85

    (@tryah85)

    Thank You for the help, maybe I was being too specific….

    body.home h1 {
    property:value;
    }
    and
    h1 a.site-title {
    property:value;
    }
    Did not work. Thank you again!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘styles.css inherits, but specific elements are ignored.’ is closed to new replies.

Tags