How to Override Editor Formatting of Color

Hi there!

Can you share the URL of your site so we can have a look?

Oh, sorry about that sure:

https://www.thefinalquestchs.com

I have changed the text in the last paragraph on the home page to light gray in the editor for illustration purposes. You can see in the other paragraphs that links are bold black and turn purple on mouseover/click (client preference – don’t get me started). However, when the paragraph’s color is set in the editor, all text including links are forced to inherit.

Hmm, what about the value “initial”?

p.has-text-color a {
    color: initial;
}

Where would I put that, in the child theme styles.css?

Yes, look for this piece of code

p.has-text-color a {
    color: inherit;
}

and replace inherit with initial.

But that code isn’t in the theme stylesheet. It’s in one of the WP libraries. I will look again though 2hem I’m at my computer

I double-checked, and that tag is nowhere in the Dara stulesheet. Inspecting the webpage revealed that it resided in:

https://c0.wp.com/c/5.3.2/wp-includes/css/dist/block-library/style.min.css

However, putting:

p.has-text-color a {
    (actual color formatting I want)
}

p.has-text-color a:hover,
p.has-text-color a:focus,
p.has-text-color a:active {
    (actual color formatting I want)
}

in the child theme’s styles.css seems to have done the trick! Thank you for your help.

• This reply was modified 4 years, 11 months ago by gregcrowe.

Oh, that’s awesome! Thanks for letting me know ??