[newgeneral]

I’m trying to make my links change to a different color than the default green when the cursor is hovering. I’ve tried a few different variations of CSS codes with no luck. What can I do?

My site is lawverse.ca.dream.website

[Skandha]

@newgeneral: Hello there,
Can you please let me know which links you are referring to?

Kind Regards,
Skandha

[newgeneral]

All links on my website (my site title, my blog post titles, menu items)

[Skandha]

@newgeneral: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

a:hover {
    color: #f23456 !important;
}

You can change the color according to your choice.
Let me know if this works out!
Kind Regards,
Skandha

[newgeneral]

I’ve added that to the Additional CSS box and no changes occur. Do you know why that might be?

[Skandha]

@newgeneral: Hello there,
The above CSS Code seemed to be working at my end. I am not able to access your site URL you provided above. Can you please check?

Kind Regards,
Skandha

[newgeneral]

Thanks Skandha for looking into this.

I’ve tried deleting my cache too and no luck. No changes actually happen when I enter that into the Additional CSS box. Is there a way I can send a screenshot to show you?

[Skandha]

@newgeneral: Hello there,
There seems to be a little mistake on your Additional CSS code.
After the code

.site-info {
    display:none;

it should closed curly bracket } and not {

Please correct this and the CSS I provided also should work.
Kind Regards,
Skandha

[newgeneral]

Thank you so much! That worked. I really appreciate it!

[Skandha]

@newgeneral: Hello there, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/simclick/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely
appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

Kind Regards,
Skandha

[[email protected]]

I tried this
a:hover {
color: #f23456 !important;
}

and it only changed some of the links. Other links, such as the search icon, still go green when I hover

[[email protected]]

I have been editing with the Additional CSS to manually change the colors but it’s pretty hit or miss it seems. The 3 menu bars are still green when I hover. And some links/ buttons go green after I’ve clicked. Is there a way to remove all green?

[Author]

Posts