Change color of H1, h2, h3

Hello, how do I change the color of the headings fonts? H1, H2, etc… when I go to appearance >> customize >> colors, I only see an option for “body text”

Thanks!

Hello there,

Could you please try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?

h1, h2, h3, h4, h5, h6{
  color: #ff0000 !important; 
}

Adjust the hex color code to any color of your choice.

Regards,
Kharis

Thank you so much Kharis! That did the trick :slight_smile:

You’re always welcome here. :slight_smile:

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis

I just tried this to solve my issue and it didn’t work. Is there an update?I just want to change h2 and h3.

Thank you

Maybe they have special selectors. Please share a link of the page that contains h2 and h3 you would like to change its size. Mention how the text are saying.

Regards,
Kharis

It took a while, but it kicked in on desktop, but not on mobile.

http://testwebsite7.sacramentorecommended.com/services/tree-removal/#more-16

Thank you for sharing.

Does one of them read “Giving Victims a Voice”?

Regards,
Kharis

Yes!

On the iphone - the h3 color is still a charcoal, which doesn’t show up at all because of the grey overlay.

http://testwebsite7.sacramentorecommended.com

Hello there,

Please try this code:

    .services-area h2,
    .services-area h3 {
      color: #ff0000;
    }

Regards,
Kharis