Hello. I would like to remove all drop shadow hover effects on all buttons throughout the entire site. I have tried editing the .nectar-button class, as well as the input attribute (for submit buttons for example), but I am unable to get rid of the drop down effect on hover. What do I need to add to my custom code to do this? Thanks. I've written a dummy article and you can see the hover effect on the submit 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):
Hello. I would like to remove all drop shadow hover effects on all buttons throughout the entire site. I have tried editing the .nectar-button class, as well as the input attribute (for submit buttons for example), but I am unable to get rid of the drop down effect on hover. What do I need to add to my custom code to do this? Thanks. I've written a dummy article and you can see the hover effect on the submit button:
https://advantageits.com/five-seo-tips-to-get-your-page-noticed-online/
Hey Ashley,
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[data-button-style=slightly_rounded_shadow] .nectar-button:hover, body[data-button-style=slightly_rounded_shadow].ascend .nectar-button.see-through:hover, body[data-button-style=slightly_rounded_shadow] input[type=submit]:hover, body[data-button-style*=slightly_rounded].single .heading-title[data-header-style=default_minimal] .meta-category a:hover, body[data-button-style*=slightly_rounded] #page-header-bg[data-post-hs=default_minimal] .inner-wrap>a:hover, body[data-button-style=slightly_rounded_shadow].woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, body[data-button-style=slightly_rounded_shadow] .swiper-slide .button a:hover, body[data-button-style=slightly_rounded_shadow].ascend .nectar-button.see-through-2:hover, body[data-button-style=slightly_rounded_shadow].ascend .nectar-button:hover, body[data-button-style=slightly_rounded_shadow].woocommerce-page .woocommerce p.return-to-shop a.wc-backward:hover, body[data-button-style=slightly_rounded_shadow] .sharing-default-minimal .nectar-love:hover, body[data-button-style=slightly_rounded_shadow] .sharing-default-minimal .nectar-social>a:hover, body[data-button-style=slightly_rounded_shadow] .container-wrap input[type=submit]:hover, body[data-button-style=slightly_rounded_shadow] .container-wrap button[type=submit]:hover, body[data-button-style=slightly_rounded_shadow] .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover { box-shadow: none !important; -ms-transform: translateY(0px) !important; transform: translateY(0px) !important; -webkit-transform: translateY(0px) !important; }Thanks
ThemeNectar Support Team
Worked perfect. Thanks!