[Resolved] Color of H1 doesn't match color settings

[dale]

I deleted by caches (Supercache and Autoptimize and Cloudflare), used incognito mode, and made sure my elementor Global Colors and Fonts were turned off, and yet the H1 at the top of this page is blue rather than green, which is how I set it in Colors: Content:

https://dalecameronlowry.com/readers-blog/

Also, in Typography I set Content: H1-3 to Droid Serif, but they’re appearing as a non-serif font.

I previously used CSS to control the H1 etc colors and typography and am wondering if I should just switch back to that …

BTW, do h4-6 inherit the settings of H3?

[Leo]

Hi Dale,

I still see the elementor style overwriting the GP style for the heading:

.elementor-1735 .elementor-element.elementor-element-0sxaqok .elementor-heading-title {
    color: #154d80;
    font-weight: 400;
}

That’s also a lot of caching. Can you maybe try first deleting all caches and disable all them to see see if it helps?

[dale]

I did delete all caches, but I forgot to disable above the fold, so maybe that’s the issue. I’ll have a look.

But can you go ahead and tell me what styles H4, H5, and H6 inherit? Do they inherit from H4 or from the body styles?

[Leo]

From Typography > Body.

You can style them easily with some CSS though.

Let me know if you need some help on that 🙂

[dale]

Ha, that’s what I was doing before. No tutorial needed.

Suggestion for future update would be to inherit from h3. Thanks!

[dale]

I figured out why the colors differed. I had some poorly written CSS in my Additional CSS that I’d thought I’d already deleted. Removing it fixed the issue.

[Leo]

Awesome!

[Author]

Posts