Change colour of links depending on background sitewide

Support
#1

Hi, I would like to change the colour of my website link depending on the colour of the background the link is in.
We have it set up to rgb(168, 190, 208) for light background, however when we have a dark background the link doesn’t show so we would like to change the link colours when the background is dark. If we change link colour in the customizer it applies to everything. Can you please help? We are using the Pro theme and Integrity Stack.

#2

Hi There,

Thank you for writing in, is the background-color that you’re referring is a section background? If so, please add a CLASS dark-bg to the section, and then add this to Theme Options > CSS

.dark-bg a {
	color: #fff;
}

Let the rgb(168, 190, 208) to be the default link color on the Theme Options, add only a CLASS dark-bg to the section with a dark background.

Hope it helps,
Cheers!

1 Like
#3

Thanks that seems to be working!!

#4

Hi @Altitude,

Nice!! Happy to hear that.

Feel free to ask us again.

Thanks.

#5