-
Posts
-
We are creating our site and are having issues with hyperlinks not changing to the color designated. They are underlined and dim when the cursor hovers but the color is the same as the text. Some hyperlinks in the global template work but not in the post template which we are using for some of the pages to have a different page template.
I have gone to Customize and changed the hyperlink color to green and underlined, published, waited, etc. and it never changes. Is this an issue with just the post template? If so how do I change the hyperlink color in posts?
Thanks for your help.
We are using the Crio theme and Post and Page Builder plug in.
Hello Nancy-
Thanks for the question, and thanks for using the Crio WordPress Theme.
It looks like your link colors are being overwritten by the accessibility system that ensures your text is legible against the background, but you can fix this with a Custom CSS rule. Navigate to Customize > CSS/JS Editor and paste this code into your CSS:
.boldgrid-section.bg-background-color a, .boldgrid-section .bg-background-color a, .boldgrid-section.dynamic-gridblock.bg-background-color a, .boldgrid-section.dynamic-gridblock .bg-background-color a { color: var(--color-1) !important; }The
var(--color-1)will ensure that it always matches your color selection from the Customizer regardless of the background contrast.
- The topic ‘Hyperlinks not changing color to match customizer’ is closed to new replies.
