How to do a site-wide modifiction of Custom CSS code for H2-H5

[LindaV42]

My web designer set up sitewide custom code for the colors, size and weight of the H2-H5 fonts in Edit CSS. I would like to change the colors and size of those fonts. I would like different shades of the same color for each level of the H fonts.. One one font (H2) I replaced the old hexidecimal color code with the new color code, clicked "preview" - no change. Clicked "Save Stylesheet" and again no changes.
NB - My caching plugin has never been activated.
StudioPress customer support suggested using Firefly, but my understanding is that is for line-by-line changes - which would be tedious and result in code bloat.
Has anyone done a site-wide change of the characteristics of the H2-H5 fonts? How did you do it.?
Any help is much appreciated.

http://new.lindavarone.com

[Brad Dalton]

Generally, you'll find CSS like this near the start of your child themes style.css file

/* ## Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #333;
	font-family: Lato, sans-serif;
	font-weight: 400;
	line-height: 1.2;
	margin: 0 0 10px;
}

h1 {
	font-size: 36px;
	font-size: 3.6rem;
}

h2 {
	font-size: 30px;
	font-size: 3rem;
}

h3 {
	font-size: 24px;
	font-size: 2.4rem;
}

h4 {
	font-size: 20px;
	font-size: 2rem;
}

h5 {
	font-size: 18px;
	font-size: 1.8rem;
}

h6 {
	font-size: 16px;
	font-size: 1.6rem;
}

Simply change the values for each font-size and add a color declaration to each.

---

Tutorials for StudioPress Themes.

[Author]

Posts