I am looking for a way to change the text color on hover of the button at the bottom of my page.
Right now the text is white (when you hover on the button), and since the background of my button on hover is also white, you can't see the text when you hover on the button...
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):
body .nectar-button.see-through-2:hover, body .col.dark .nectar-button.see-through-2:hover {
color: #000 !important;
}
Hi,
I am looking for a way to change the text color on hover of the button at the bottom of my page.
Right now the text is white (when you hover on the button), and since the background of my button on hover is also white, you can't see the text when you hover on the button...
Thanks !
Best,
Chloé
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):
body .nectar-button.see-through-2:hover, body .col.dark .nectar-button.see-through-2:hover { color: #000 !important; }Thanks
ThemeNectar Support Team
Hi Tahir ! Sorry, I forgot to answer, but it works perfectly, thanks a lot !