How do change h1 and h2 font sizes in style sheet

[russellaevans]

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

 

[Jared Williams]

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.

---

Website | Twitter | Instagram | Google +

[russellaevans]

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

[Jared Williams]

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.

---

Website | Twitter | Instagram | Google +

[russellaevans]

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 */
}

[Author]

Posts