Archived topic
Links not showing in blue anymore
11 replies · Started by Nick on March 16, 2021
I have just turned off the classic editor on my website and published my first post ever using blocks. However, none of the links are showing in blue in the published post. They are the same color as other words and not underlined. In the post editor, they look blue (but if I no follow a link, it's not blue or underlined in the editor, either).
All my old posts (which I haven't converted to blocks yet) are still correctly showing the links in blue.
FYI, In my appearance settings, my text color is 3a3a3a, link color is #1e73be, link hover color is #000000, and link visited color is #1e73be.
How can I get my links to continue showing in posts made using blocks?
Hi there,
This CSS is the cause of that issue:
p.has-text-color a {
color: inherit;
}But I can't exactly pinpoint where it's coming from as your CSS is cached.
That said, can you temporarily disable your site's caching for us to check?
Let us know.
Hi there,
I was having some caching issues just now, but they have been resolved by turning off Cloudflare. Can you check now? If you still can't see it, I can also turn off WP Rocket.
Hi there,
I was having some caching issues just now, but they have been resolved by turning off Cloudflare. Can you check now? If you still can’t see it, I can also turn off WP Rocket.
I checked the site just now and its CSS is still being cached.
https://share.getcloudapp.com/Z4u6Obvy
Can you turn every caching plugin/setting off so we could trace the source?
Thanks. :D
OK, I have just deactivated WP Rocket
Thanks.
This is from WordPress 5.7's CSS.
The generated inline CSS is losing in CSS precedence. I assume the setting you did was on Appearance > Customize > Colors > Body?
You should set the link color for the content on Appearance > Customize > Colors > Content and set the Entry Meta Links and Entry Meta Links Hover color settings to your preference.
OK, I have changed the link color settings in Appearance > Customize > Colors > Content now, but I'm not seeing any change in colors on the front end.
Ah I see. It's still losing in precedence.
I guess we found another one to raise regarding WordPress along with p:empty:before. smh
Here's a temporary workaround:
Try adding this CSS:
.inside-article a, .paging-navigation a, .comments-area a, .page-header a {
color: #1e73be !important;
}
.inside-article a:hover, .paging-navigation a:hover, .comments-area a:hover, .page-header a:hover {
color: red !important;
}Change red to your preferred color for the hover color.
Thank you, that seems to have worked. Is there anything else I need to do? Can I turn my caching plugin back on now?
Thank you, that seems to have worked. Is there anything else I need to do? Can I turn my caching plugin back on now?
Make sure to purge ALL caching so it generates a new one with the recent CSS you've added. :)
OK, done. Thank you!
No problem. :)
