I'm currently changing the colors on my website, going to black and white.
At the bottom of the page, you'll see there are two clickable custom headlines: "packs com' online" and "packs com' offline".
The first one is written in black on a white background, the second one is written in white on a black background.
On hover, the background changes (from black to white, and from white to black), so obviously the texts' color should change, otherwise you just can't read them, which is currently the case.
I'm pretty sure I managed to do this with your help in the past, before I switched to black and white. But in the custom CSS settings, I can't find any line about that.
So basically: do you know how can I get "packs com' offline" to go white on hover, and "packs com' online" to go black on hover?
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
Hi,
I'm currently changing the colors on my website, going to black and white.
At the bottom of the page, you'll see there are two clickable custom headlines: "packs com' online" and "packs com' offline".
The first one is written in black on a white background, the second one is written in white on a black background.
On hover, the background changes (from black to white, and from white to black), so obviously the texts' color should change, otherwise you just can't read them, which is currently the case.
I'm pretty sure I managed to do this with your help in the past, before I switched to black and white. But in the custom CSS settings, I can't find any line about that.
So basically: do you know how can I get "packs com' offline" to go white on hover, and "packs com' online" to go black on hover?
Thanks for your help!
Best.
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
#offres [data-bg-color="#ffffff"]:hover h2 { color: #fff !important; } #offres [data-bg-color="#000000"]:hover h2 { color: #000 !important; }Thanks
ThemeNectar Support Team
That's perfect Tahir, thanks a lot :)