Site icon Grace Themes

Reply To: Add to cart button color

FOUND IT!!! it was controlled by a wooCom css - ALSO some may notice that the color of the btn isn't the color you requested - there's an opacity attribute set to 0.5 that you have to change to opacity:1 !important; - you'll also need to update your custom css - for me anyway bc i didn't have any means to edit the actual css - with something like this. Good luck! i hope this helps!! (someone out there) :-) .woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover { background:red !important; background-color:red !important; color:white !important; opacity:1 !important; box-shadow: none; border-color:#ca0606 !important; } .woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover { background:red !important; background-color:red !important; color:white !important; opacity:1 !important; box-shadow: none; border-color:#ca0606 !important; } .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 { background: red !important; color:white !important; opacity:1 !important; border-color:#ca0606 !important; } .woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover { background: red !important; box-shadow: none; opacity:1 !important; color:white !important; border-color:#ca0606 !important; }
Exit mobile version