CSS – Heading 5, Heading 4, etc

  • Resolved jennjoanne

    (@jennjoanne)


    10 years, 1 month ago

    I’m trying to change the default Heading 5 (and other Headings) in my CSS Stylesheet editor. For Heading 5 I currently have entered into my CSS:

    h5 {
    font-family: “Coming Soon”;
    font-size: 14px;
    font-weight: bold;
    }

    But something is not correct. I want to have Heading 5 be
    Font – coming soon
    Font Size – 14px (I believe, although I can tweak this number)
    Font to be in bold

    And furthermore than I would be changing the specs on the other Headings.

    Can someone please tell me where I’ve messed up? Thanks!

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

  • Use the Firebug extension for Firefox to see if those codes are being overwritten elsewhere in your style sheet.

    Code between backticks, please.

    Hi Jenn

    You can use the code !important to override the default headings css settings, without changing them, for instance if you are using a stylesheet in a child theme.

    h5 {
    font-family: “Coming Soon” !important;
    font-size: 14px !important;
    font-weight: bold !important;
    }

    This should fix your issue. You also need to make sure that the font Coming Soon is accessible for the stylesheet. Also remember that visitors to your website may not have the “Coming Soon” font on their computer at which point the font will revert to the default font.

    Alternatively you can set the fall back fonts like so:

    font-family: “Coming Soon”, Arial, Helvetica, sans-serif !important;

    Thread Starter jennjoanne

    (@jennjoanne)

    It worked! Thank you so much Clydeo!!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS – Heading 5, Heading 4, etc’ is closed to new replies.