Skip to content
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

Hyperlink is not showing when changing colour of block #11728

Closed
Sixtina1990 opened this issue Nov 11, 2018 · 4 comments
Closed

Hyperlink is not showing when changing colour of block #11728

Sixtina1990 opened this issue Nov 11, 2018 · 4 comments
Labels
[Block] Paragraph Affects the Paragraph Block

Comments

@Sixtina1990
Copy link

Describe the bug
When you enter a paragraph block and add a link, then change the colour it doesn't show was a hyperlink anymore in a different colour but the same colour as the rest of the text

To Reproduce
Steps to reproduce the behavior:

  1. Go to add a paragraph block
  2. Add hyperlink in the text
  3. Change colour to grey for example
  4. See error

Expected behavior
I expect the words where the hyperlink has been added to display in a different colour. Attached is a screenshot where you can see on the top where I didn't change the colour the hyperlink shows, and where I changed the colour it does not show it even though there is a link.

Screenshots
Attachee
screenshot 2018-11-11 at 09 24 18

Desktop (please complete the following information):

  • OS: N/A
  • Browser: Safari
  • Version 12.0

Smartphone (please complete the following information):

  • Device: iPhone X
  • OS: 12.0.1
  • Browser Safari
  • Version don't know

Additional context

  • version of Gutenberg : not sure where to see this information
@ocean90 ocean90 added the [Block] Paragraph Affects the Paragraph Block label Nov 11, 2018
@ocean90
Copy link
Member

ocean90 commented Nov 11, 2018

Thanks for your report! What you're seeing is by design, see #4711 and #10171 for some background. You can adjust this in CSS with the p.has-text-color a selector.

@ocean90 ocean90 closed this as completed Nov 11, 2018
@Sixtina1990
Copy link
Author

Thank you for the answer and resolution @ocean90 :) I wrote in the comments in the other ticket #10171 but got no response. I tried to copy paste the text in my CSS field but got errors. No one has responded to me yet. Would you be able to give me step by step instructions on where to click and what exactly to insert. That would be great help. Thank you so much. :)

@ocean90
Copy link
Member

ocean90 commented Nov 20, 2018

@Sixtina1990 The CSS could look like this:

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

@Sixtina1990
Copy link
Author

@ocean90 Thank you so much. I just copied it and it works :) You are the best! Have a good day.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Block] Paragraph Affects the Paragraph Block
Projects
None yet
Development

No branches or pull requests

2 participants