[Resolved] How to have H2 that links to a content table with different text colour

[Graeme]

Hi,

I’ve written a couple of blogs and I’ve set the linked words/content table links to the article in an orange colour but it also makes the H2 text orange in my article. I want the text to be black but I can’t seem to work out how to change the text on these headers only and keep the link text colour orange.

I’ve left a couple of examples in the private information section.

[Leo]

Hi there,

Have you considered using the Headline block from GB since you are already using GB in the site?
https://docs.generateblocks.com/article/headline-overview/

Then you can set whatever color you want:
https://docs.generateblocks.com/article/headline-overview/#colors

Let me know 🙂

[Graeme]

They are H2’s already. I’ve tried setting the color of the text for the H2 to black but they still remain orange?

[Graeme]

Is there any other advise?

To confirm the above I’m already using the headline block and when I go to change the colour to black for the H2’s they just remain orange? I think this is because I have a table of contents that link to the headers?

[Ying]

Try this CSS:

.entry-content h2 :is(a,a:hover,a:active) {
    color: black;
    text-decoration: none;
}

[Graeme]

Where should I add that? In the block’s ‘ADDITIONAL CSS CLASS(ES)’ field? I tried that and nothing changed.

I also then tried the code editor but I didn’t know where to place that?

[Ying]

You can add CSS code to customizer > additional CSS 🙂

[Graeme]

Thanks – that resolved it!

[Ying]

No Problem 🙂

[Author]

Posts