change woocommerce button color

Hey Tilman,
Thanks for the link, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.wc-block-grid__product-add-to-cart a.wp-block-button__link {
	background-color: red !important;
	color: white !important;
}
.wc-block-grid__product-add-to-cart a.wp-block-button__link:hover {
	background-color: green !important;
	color: yellow !important;
}

Please adjust the colors to suit, and after applying the css, Please clear your browser cache and check.

Best regards,
Mike

Hi,
This is because border-width & border-style have both been set to zero or none, to add this to the code above it would look like this:

.wc-block-grid__product-add-to-cart a.wp-block-button__link {
	background-color: red !important;
	color: white !important;
	border: solid 3px blue !important; 
}
.wc-block-grid__product-add-to-cart a.wp-block-button__link:hover {
	background-color: green !important;
	color: yellow !important;
	border: solid 3px red !important; 
}

Please adjust to suit, after applying the css, Please clear your browser cache and check.

Best regards,
Mike

Hi,

Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

Hi,

@zanon8 Since this thread is from 2019 and the solution was for specifically this user situation it may not work for you.
Please open a new thread with the url to the page in question and a explanation of the issue and an admin login so we can be of more assistance.
Since this is not your thread posting your admin login here will not be private and you will not see our comments in the Private Content area, thank you for your patience and understanding and using Enfold.

Best regards,
Mike