How do change h1 and h2 font sizes in style sheet

Community Forums Forums General Discussion How do change h1 and h2 font sizes in style sheet

This topic is: not resolved

This topic contains 4 replies, has 2 voices, and was last updated by  russellaevans 1 year, 8 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #7996

    russellaevans
    Participant
    Post count: 2

    Hi, I have the Executive Child Theme 2.0 and I need to make the Header fonts smaller, they are huge.  Can anyone help figure out how to do that in the style sheet?  I see several references to h1 and h2 in the style sheet and I cannot figure out what to change.

    Thanks

     

    #8003

    Jared Williams
    Participant
    Post count: 47

    When you say header, are you referring to the title? Where it says, “Executive” on the demo?

    If so, take a look at line 205.


    #title {
    font-family: 'Open Sans', sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.25;
    margin: 0 0 5px;
    }

    You can change the font size for your title here.


    #8009

    russellaevans
    Participant
    Post count: 2

    I am referring to the H1, H2, H3 and so on, header in the content portion of each page.

    #8154

    Jared Williams
    Participant
    Post count: 47

    Look at line 759 in your style.css


    h1,
    h2,
    h2 a,
    h2 a:visited {
    clear: both;
    font-size: 42px;
    margin: 0 0 20px;
    }

    You can change the font size for your page titles there.

    H1 is used for the page title.


    #8410

    russellaevans
    Participant
    Post count: 2

    Thank you.  I found some code out there I put in.  It seems to work, but if the above is easier I would rather use that.  Below is the code I put in.

     

    /* Heading Styles Override h1, h2, h3, h4, h5, h6
    ———————————————————— */

    }

    #content h1 {
    clear: none;
    font-weight:bold; /* Making the titles bold */
    font-size:28px; /* Decreasing the font size */
    }

    #content h2 {
    clear: none;
    font-weight:bold; /* Making the titles bold */
    font-size:20px; /* Decreasing the font size */
    }

    #content h3 {
    clear: none;
    font-weight:bold; /* Making the titles bold */
    font-size:18px; /* Decreasing the font size */
    }
    #content h4 {
    clear: none;
    font-weight:bold; /* Making the titles bold */
    font-size:16px; /* Decreasing the font size */
    }
    #content h5 {
    clear: none;
    font-weight:bold; /* Making the titles bold */
    font-size:14px; /* Decreasing the font size */
    }

    #content h6 {
    clear: none;
    font-weight:bold; /* Making the titles bold */
    color:#666666; /* Making the titles dark blue */
    font-size:14px; /* Decreasing the font size */
    }

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.