Skip to content

Instantly share code, notes, and snippets.

@mrkdevelopment
Created June 7, 2017 13:01
Show Gist options
  • Save mrkdevelopment/b8d42d821c3da86b7f6f765572ad9fa3 to your computer and use it in GitHub Desktop.
Save mrkdevelopment/b8d42d821c3da86b7f6f765572ad9fa3 to your computer and use it in GitHub Desktop.
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
Copy link

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

@carolallanos
Copy link

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
Copy link

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
Copy link

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