Spectra headings don’t work properly in Covers.

Resolved delanthear
(@delanthear)

1 year, 8 months ago
Post Spectra update, the colours being set on our headings in covers are behaving weirdly.

We have H1 set to one of the global colours, orange.

When we have a Spectra heading in a cover, without a colour applied, it is appearing in white. It is the correct orange colour in the editor, just not on the front end.
Looking in inspector, the colour is being set from:
```
.wp-block-cover h1:not(.has-text-color) {
 color: inherit;
}
```
which is in /wp-includes/css/dist/block-library/style.min.css?ver=860f35575fd5ac1ca28c9360b10a46a0 (i.e. a core gutenberg file)

If you set a colour in the editor, it still doesn’t apply, and the rule being called is: .wp-block-cover h1:not(.has-text-color) still which suggests it’s not working at all.

If I convert these headings to standard Gutenberg headings, they work fine, so it seems a Spectra bug.
- This topic was modified 1 year, 8 months ago by delanthear.

Viewing 7 replies - 1 through 7 (of 7 total)

Plugin Support sujaypawar
(@sujaypawar)

1 year, 8 months ago

Hi @delanthear

The problem you’re describing is not yet on our list of “known issues”

Could you kindly get in touch with us via our helpdesk? This will allow our developers to take a closer look and find a solution for you.

Please fill in this form: https://wpspectra.com/support/open-a-ticket/

Thread Starter delanthear
(@delanthear)

1 year, 8 months ago

Raised.

CGS Web Designs
(@cgscomputers)

1 year, 8 months ago

I’m seeing this exact same thing if you look at my previous post here https://wordpress.org/support/topic/all-kinds-of-styling-issues-after-update/

That’s what I found with the font colors when using the Info Box inside a Cover block.

Thread Starter delanthear
(@delanthear)

1 year, 8 months ago

Spectra team have replicated this and are working on a fix 😀

Thanks peeps!

Thread Starter delanthear
(@delanthear)

1 year, 8 months ago

Installed the new version just now. If you specify a colour in the block it WORKS and now applies the colour.

However, it still has the same issue that is evident in Astra, where if you have specified a colour for your headings, for example red, any headings placed in covers will ignore this value and display white instead, because of the inherit.

This is still slightly broken to me! If I’ve specified a heading colour, it should be honouring them. With this current approach, I have to specify a colour for the heading every time I use them in a cover, even though I’ve already specified that colour in the customiser.

Plugin Support BSF – Judith Pete
(@judith0)

1 year, 8 months ago

Hello @delanthear,

Could you kindly get in touch with us via our helpdesk? This will allow our developers to look closely and find a solution for you.

Please fill in this form: https://wpspectra.com/support/open-a-ticket/

Regards.
Judith.

Plugin Support BSF – Judith Pete
(@judith0)

1 year, 8 months ago

Hello @delanthear,

We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

Thank you!

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Spectra headings don’t work properly in Covers.’ is closed to new replies.