changing hover color

[nathanscamera]

I’m trying to change the color for on hover and it changes the color throughout the whole site with the accent color. And I just want to change the color because the background is already the same color so when you hover over a link, it disappears into the background. Thank for your time.

[Kyle – SUPPORT]

Hi

Yes the hover color uses your accent color, do you want your hover color to be separate to your accent color?

– Kyle

[nathanscamera]

Yes, I would like the hover color to be separate from the accent color.

[Kyle – SUPPORT]

Ok please add this to your custom css:

figure.animated-overlay figcaption {
  background-color: #333333!important;
}

If this css does not apply to some hovers please let me know and I will give you the css for that, but pretty sure this will apply to all

– Kyle

[nathanscamera]

Didn’t really work for me. It did work in some areas. Like on the home page when you hover over a ship review it changes the background color to black. But on the about us page the page ground colors are still the accent colors for the links. Is there a way to make all the links the accent color, not just on hover? Thank you.

About Us

[Mohammad – SUPPORT]

Hi,
Please try to use this custom css code:
.sf-icon-box-animated .back{background: #000 !important; border-color: #000 !important;}
Hope that should work and let me know your feedback.

Thanks 🙂
With Best Regards
Swift Ideas

[nathanscamera]

Works great! Thank you! The color that appears when you hover over a link, is there a way to make links that color without the hover. When you look at a body of text, I’d like the links to stick out as a different color.

[Mohammad – SUPPORT]

Hi,
Please attach a marked screenshot so i can get you exactly.
Thanks 🙂
With Best Regards
Swift Ideas

[nathanscamera]

As you can see in this attached image, all the link are black and I’m trying to change the color of the link. When I use the following css, it only applies it to some of the links and I’m not sure what the compatibility issue is.

a:link {color:#FF0000;}

[Mohammad – SUPPORT]

Hi,
Please always provide specific page URL with issue so i can give exact quick solution.
Thanks

[nathanscamera]

This reply has been marked as private.

[Kyle – SUPPORT]

Hi

You can set your link color in the color customiser. you won’t be able to use that CSS to overwrite all other links as they are set more specifically depending on their containers

– Kyle

[nathanscamera]

Thanks, simple enough.

[Mohammad – SUPPORT]

Hi,
You most welcome . I’m glad that issue resolved .
Thanks 🙂
With Best Regards
Swift Ideas