• Resolved andyrich29

    (@andyrich29)


    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
    {
    font-size:150%;
    color:#f37020;
    }

    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.
    Thanks
    Andy

Viewing 5 replies - 1 through 5 (of 5 total)
  • 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.

    Try using Firefox with the Firebug add-on for this kind of CSS work.
    https://getfirebug.com/

    Thread Starter andyrich29

    (@andyrich29)

    Thanks for your responses!
    Heres the page: https://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.

    this:

    #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..)

    Thread Starter andyrich29

    (@andyrich29)

    Fixed!

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

    Many thanks for your help!
    Andy

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘H4 color not being overided in child them, but size is???’ is closed to new replies.