Skip to content

Instantly share code, notes, and snippets.

@mrkdevelopment
Created June 7, 2017 13:01
Show Gist options
  • Select an option

  • Save mrkdevelopment/b8d42d821c3da86b7f6f765572ad9fa3 to your computer and use it in GitHub Desktop.

Select an option

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

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

@carolallanos
Copy link
Copy Markdown

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

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

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