I added the social share buttons inside a fancy box, but when I hover the fancy box, the buttons disappear... The links are still there, but the icons go transparent. When I inspect the icon elements, the ::before element in the fancy box goes away on hover. Is there a way to fix this?
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):
I added the social share buttons inside a fancy box, but when I hover the fancy box, the buttons disappear... The links are still there, but the icons go transparent. When I inspect the icon elements, the ::before element in the fancy box goes away on hover. Is there a way to fix this?
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-fancy-box[data-style="color_box_hover"][data-color*="gradient"]:hover .inner .nectar-sharing i:not(.hover-only) { opacity: 1 !important; }Thanks
ThemeNectar Support Team