Change link color for p links without altering button or menu link colors
-
Hi there,
I’m working on a site using Hestia (thanks, it looks lovely) andam having problem altering the link colors. I want text links to use a darker color than our accent color, but don’t want to alter the color of the footer links, header links or button links. This is the code I’ve tried:
`div.blog-post a:not(.wp-block-button, .wp-block-button__link){
color:#401abd !important;
}div.blog-post a:not(.wp-block-button, .wp-block-button__link) a:hover{
color:#261070 !important;
}’Can you help me figure out why it’s not working?
Thanks,
Gemma
-
Hi, gemmalcurran, I’m another user of the Hestia theme.
Does your web browser support the ability of the
:not()pseudo-class to accept more than one selector?As you can see in this image,
The ability to list more than one selector is experimental and not yet widely supported.
https://caniuse.com/css-not-sel-list indicates the current percentage of browsers where that is usable.
- The topic ‘Change link color for p links without altering button or menu link colors’ is closed to new replies.
