Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Divi WooCommerce Button Fix
body .et_pb_button:hover, .woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce button.button:hover, .woocommerce-page button.button:hover, .woocommerce input.button:hover, .woocommerce-page input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page #content input.button:hover {
color: #fff;
}
.woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce-page button.button.alt, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button{
color: #fff;
}
@AlaniKeiser

This comment has been minimized.

Copy link

@AlaniKeiser AlaniKeiser commented May 31, 2018

This might be a silly question, but how do I change the color of the buttons? They are all currently orange.

@carolallanos

This comment has been minimized.

Copy link

@carolallanos carolallanos commented Aug 2, 2018

Great! You missed the disabled update cart button, this is my example:

.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {
color: #fff !important; font-size: 16px; padding: 10px 20px; border-radius: 5px;font-family: 'Abel',Helvetica,Arial,Lucida,sans-serif; }

@lukehiggins92

This comment has been minimized.

Copy link

@lukehiggins92 lukehiggins92 commented Mar 21, 2019

This code helped me out massively, thank you so much!

Any idea how to change the color of the sale overlay on a product within Divi / Woocommerce?

image

@sriganesh

This comment has been minimized.

Copy link

@sriganesh sriganesh commented Dec 27, 2019

This code helped me out massively, thank you so much!

Any idea how to change the color of the sale overlay on a product within Divi / Woocommerce?

image

.woocommerce span.onsale, .woocommerce-page span.onsale {
	color: #fff;
    background: #000!important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.