How to change link color and link hover color for dark backgrounds only?

Jelleopdenakker · May 2016

Hi Muffins,

Is it possible to change the color of a link and also the link hover color for just the links that are on dark background?

I can see that it's possible to adjust the link en hover colors in be theme options at the color section, but if I change them there they change everywere. And I only want them different on dark backgrounds.

Please help!

Albert · May 2016

Hi,

you can do such thing per different sections or pages only. It is not possible to recognize automatically if the background is dark or not.

Jelleopdenakker · May 2016

Thanks for your very quick reply!

So I have to make a css class to fix this? Can you help me with this?

I don't know that much about css. What is the css code I have to use when I want to change de link color and hover color?

Link color should be white #ffffff and hover color grey: #dbdbdb

Thanks!

Albert · May 2016

All you need to do is set class name for sections and then under Custom CSS global section you can use the following css:

.my-class-name a { color: #FFF !important; }
.my-class-name a:hover { color: #000 !important; }

Jelleopdenakker · May 2016

Thanks a million!

Albert · May 2016

You're welcome!

How to change link color and link hover color for dark backgrounds only?

Comments