Fix: Paragraph: Link colors

[jorgefilipecosta]

Description

If a paragraph block contained a custom text color that color was not applied to hyperlinks inside it.

This PR's fixes that. In order to fix the problem, a new class 'has-text-color' was added to every paragraph that has a custom text color (set using a class or an inline style). The allows us to target paragraphs with a color which until now was not possible.

How has this been tested?

Add the following block:

<!-- wp:paragraph {"textColor":"pale-pink"} -->
<p class="has-text-color has-pale-pink-color">link: <a href="http://www.wordpress.org">WordPress</a></p>
<!-- /wp:paragraph -->

Verify the link appears in pale pink in both the front end and the editor.

Screenshots

Before:

After:

[mkaz]

Looks good, testing with different paragraphs, links, and colors and didn't see an issue.

Implementation looks straight-forward and makes sense. 👍

[Sixtina1990]

Hello :)

Sorry for asking dumb questions but I tried to copy paste the code up there in my CSS and get the red X/error. Can you explain me which part I need to leave out or where the mistake is? :) I don't understand much of CSS. Thank you all so much in advance.

[Sixtina1990]

to add to my previous comment. Someone told me to do: "You can adjust this in CSS with the p.has-text-color a selector", but I didn't understand what to do. Apologies for that.

[Sixtina1990]

Could someone help me explain the exact steps and what I need to copy since I got an error? Much appreciated. :)