[resolved] H4 color not being overided in child them, but size is??? (6 posts)

  1. andyrich29
    Posted 3 years ago #

    I have a child theme of TwentyTen which is selected and being used for my site.

    I have the following css (amongst other things) in my child "style.css":-

    #content h4

    The font size is taking effect when I refresh my site page, but the color isn't? I have copied the same syntax as the parent theme, but does anyone know why colors wouldn't be changed?
    I'm a bit of a novice to CSS, but this code is right at the end of my child stylesheet so I'm a bit bamboozled as to why its not working. Any help would be much appreciated.

  2. Michael
    Forum Moderator
    Posted 3 years ago #

    please post alive link to a post or page with the h4 problem.

    might be a css 'specificidity' problem ;-)

    try using a browser inspection tool (such as Firebug or Chrome's developer tool) to find out what is actually formatting the h4.

  3. esmi
    Forum Moderator
    Posted 3 years ago #

    Try using Firefox with the Firebug add-on for this kind of CSS work.

  4. andyrich29
    Posted 3 years ago #

    Thanks for your responses!
    Heres the page: http://www.salisbury-arc.org/wordpress/salisbury-10-2/
    Its the "Start List", "Race Date" which is h4.
    Will have to do the firefox add-on when I get home later.

  5. Michael
    Forum Moderator
    Posted 3 years ago #


    #content h1,h2,h3,h4,h5,h6

    needs to be:

    #content h1, #content h2, #content h3, #content h4, #content h5, #content h6

    so what you posted here in the forum should actually have worked;

    and do remember to clear the browser cache ('reload' or 'CTRL F5' or..)

  6. andyrich29
    Posted 3 years ago #


    Thanks alchymyth! The multiple #content has fixed it, as I had actually put what you said wouldn't work....:-/

    Many thanks for your help!

Topic Closed

This topic has been closed to new replies.

About this Topic