Hi! I have an icon. Border with hover animation and I have chosen icon color white. But when I hover over the icon it all turns white. How can I control the background hover color? The shortcode is:
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 have an icon. Border with hover animation and I have chosen icon color white. But when I hover over the icon it all turns white. How can I control the background hover color? The shortcode is:
[nectar_icon icon_family="fontawesome" icon_style="border-animation" icon_border_thickness="2px" icon_color="Extra-Color-1" open_new_tab="true" icon_padding="0px" icon_fontawesome="fa fa-facebook" icon_size="20" url="#"]
Thank you // Delal
Hello,
For a quick fix, I would advise that you make use of custom CSS style.
Regards,
Themenectar Support Team
Hey,
Please provide the page url so that i can write up the custom css for whats possible.
Thanks
ThemeNectar Support Team
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):
.nectar_icon_wrap[data-style="border-animation"] .nectar_icon:not(.no-grad):hover i.fa.fa-facebook { color: #213a8f !important; }Thanks
ThemeNectar Support Team
Thank you so much for fast and professional service :)