New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix: Paragraph: Link colors #10171

merged 1 commit into from Sep 26, 2018


None yet
2 participants

jorgefilipecosta commented Sep 25, 2018


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="">WordPress</a></p>
<!-- /wp:paragraph -->

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



screen shot 2018-09-25 at 18 12 04


screen shot 2018-09-25 at 18 11 47

@jorgefilipecosta jorgefilipecosta changed the title from Fix: Paragraph: Hyperlink colors to Fix: Paragraph: Link colors Sep 25, 2018


mkaz approved these changes Sep 25, 2018

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

Implementation looks straight-forward and makes sense. 👍

@jorgefilipecosta jorgefilipecosta added this to the 4.0 milestone Sep 26, 2018

@jorgefilipecosta jorgefilipecosta merged commit c8eadb4 into master Sep 26, 2018

2 checks passed

codecov/project 48.83% remains the same compared to 6321a99
continuous-integration/travis-ci/pr The Travis CI build passed

@jorgefilipecosta jorgefilipecosta deleted the fix/paragraph-hyperlink-colors branch Sep 26, 2018

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment