Remove bold styling from h2, h3 etc using Sixteen Nine

[Intently Digital]

Hey design wizards and wizardettes!

I'm working on a site using Sixteen Nine plus this Styles plugin: http://thestizmedia.com/store/styles-sixteen-nine-pro/

The site is currently on a staging server at http://helensharpe100.wpengine.com/

I'm happy with the styling of the H1s, but the H2s and H3s seem to be bold for some reason which conflicts with the H1s. This is showing in 2 places that I'd like to change:

http://helensharpe100.wpengine.com/weddings-and-events/set-list-songs/ - see the Jazz and Soul heading (H2)

http://helensharpe100.wpengine.com/welcome-to-my-new-website/ - H3s in bold

Would anyone know how I can change these so they're the same weight as the H1 at the top of both those pages please?

Sincere thanks,
Lee

http://helensharpe100.wpengine.com/

[jodzeee]

In your CSS, change the font weight to 300.

If you want them all the same, change it from 700 to 300 where you see this in your CSS:

h1, h2, h3, h4, h5, h6 {
color: #000;
font-family: 'Roboto', sans-serif;
font-weight: 700;
line-height: 1.2;
margin: 0;
margin-bottom: 16px;
padding: 0;
}

[Intently Digital]

Hurrah!

That worked a charm, and I really appreciate such as fast response!

Thank you and have a great day 🙂
Lee

[Intently Digital]

This reply has been marked as private.

[JiveDig]

Lee, the staging site looks great. I love to see my Styles add-ons in action. Did that site go live somewhere?

---

Lead developer of Mai Theme

[Author]

Posts