Theme option: Headings, text and hover/interaction Color Question

Hi,
after several websites with Pro I still haven’t figured out how the text colour settings really works. I’ve always used my own CSS to overwrite because the theme options somehow never worked properly for me. But there must be a way without CSS. Here are my issues:

1. Theme options > Typography > Body colour
Body and content colour ist set to “red” for example - but always gets overwritten later by the standard black colour of the text element itself. I can change to whatever colour, its always black. Except I change the colour in the text element. But where’s the sense of the centralized text colour specification as long as I really want to use the colour settings in the text element?

2. Theme options > Typography > Headings colour
Headings colour is set as “green” - but always gets overwritten by the standard black colour of the head element.

But - Headings with a link become actually “green”!
And - The hover colour of linked headings is “blue” - which is actually the standard link colour set under theme options > Typography > Site Links. So the hover colour of headings is the basic link colour of the site. That make no sense to me.

3. Theme options > Typography > Site links
Site Links are set as blue / grey (hover) but only works on body text, not on headings. Why not?


Maybe you can explain it to me please in more detail how this works? Because I don’t get it.

Before you ask, I’ve already read the docs about font manager. But maybe I missed something in the settings and you can recreate my described problems. I just don’t want to use custom CSS with all these !important overrides for that “simple” thing.

Pro 4.1.5.
Fonts are imported via @font-face in the child-theme css and there’s no colour settings regarding to fonts.

Thank you very much!
Ronny

Hey Ronny,

The common answer to your questions is CSS Specificity. The Classic Elements will inherit the Typography options but not the V2 or the non-Classic Elements.

The V2 Elements has their own Text options and because their generated CSS is more specific, they override the Typography Theme Options and that’s what our development intended them to be.

With that said, if you’re using V2 Elements, use their native options first. Only use CSS for styles not covered by our builder.

Hope that helps.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.