Removing red shadow from Woocommerce

Support
#1

hi There,
I am trying to remove the red shadow in each of the boxes in Woocommerce https://www.inneswildlife.com/cart/ , “have a coupon” “update Cart” and Proceed to checkout", and "proceed to PayPal ", I use css and manage to change the color inside the box but the shadow still doesn’t change, a nightmare! Thanks

#2

Hi There,

Please try with these custom CSS:

  • Remove box shadow completely:
.woocommerce #content input.button, 
.woocommerce #respond input#submit, 
.woocommerce a.button, .woocommerce button.button, 
.woocommerce input.button, 
.woocommerce-page #content input.button, 
.woocommerce-page #respond input#submit, 
.woocommerce-page a.button, 
.woocommerce-page button.button, 
.woocommerce-page input.button {
    box-shadow: none;
}
  • Change the color of box shadow:
.woocommerce #content input.button, 
.woocommerce #respond input#submit, 
.woocommerce a.button, .woocommerce button.button, 
.woocommerce input.button, 
.woocommerce-page #content input.button, 
.woocommerce-page #respond input#submit, 
.woocommerce-page a.button, 
.woocommerce-page button.button, 
.woocommerce-page input.button {
    box-shadow: 0 0.25em 0 0 #aba590, 0 4px 9px rgba(0,0,0,0.75);
}

Hope it helps :slight_smile:

#3

Super Thai,
works perfectly, thanks again.

#4

You are most welcome!

1 Like
#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.