[Resolved] H1 in blog posts don't respect customizer colors

[Seppo Puusa]

It seems when H1 is applied in the post editor, the resulting heading doesn’t respect colors set in the customizer for H1. Instead, it picks up the text color set for body element. This is easy to fix this custom CSS, but I wanted to point out what seems like an oversight?

Here’s the URL where you can see this:
https://dev.mafyvalmennus.fi/hello-world/

[Leo]

Hi there,

I just tested this and it seems to be working for me.

Do you see it change in the preview and it just doesn’t save?

Let me know.

[Seppo Puusa]

Did you check the URL? The H1 that’s used as the post title has a correct color, but ‘plain’ H1 applied in the WP post editor uses color setting applied to body element. Check the CSS on the page, there’s no other color applied on the H1 that’s within the post content.

Here’s what the settings in the Customizer look like: http://i.imgur.com/MCgmCQC.png

[Seppo Puusa]

And no, I don’t see it change in the preview.

[Leo]

Yes I did check the URL.

Just trying to get a little more info because it’s working for me: http://www.screencast.com/t/KVMOUb1K

Weird that you are not even seeing the preview change. Will ask Tom to have a look 🙂

[Tom]

I’m not seeing any issues?: https://www.screencast.com/t/tcCRrjy8Qlc3

[Seppo Puusa]

This is weird, but you do see the problem in the URL I pasted to the first post? There’s clearly no color applied to the H1, the only color declaration that applies to it comes from the body tag. Anyway, I can fix this with custom CSS.

[Tom]

By default no color is applied to the H1 elements.

When you go into the Customizer and look at that option (Customize > Colors > Content > Heading 1 (H1)), is there a color saved?

[Seppo Puusa]

Yes, see the imgur link I posted above.

[Tom]

Huh, that’s very strange. Can’t replicate on my side.

Any chance you can send me temporary admin login details?: https://generatepress.com/contact/

[Seppo Puusa]

I sent you the login details. Just to say it again, this is not a problem for me. I just wanted to let you guys know since this behavior was unexpected.

[Tom]

Ha, well that was a weird bug!

The class that creates the dynamic CSS checks to see if the same CSS has already been added before.

In this case, it was thinking .entry-content h1 == h1 (your content title and H1 values are the same), so it wasn’t adding the h1 color.

Appreciate the heads up! Fixed in the next version 🙂

[Seppo Puusa]

Glad to hear you figured out what’s wrong and I wasn’t crazy 😀

[Tom]

Thanks again! 🙂

[Doug]

Having almost the same issue… my H1 tag respects the text color but not the background…for page and post titles for example. Am I missing something here?

[screencast]
http://somup.com/cbij3FVjKD

[Author]

Posts