Docs

[gabriellavanrij]

How do you make the button in my shop not change color when hovered over?

http://gabriella.global/shop

See image.

Any help you can give would be super appreciated!

I am running a child version of X 4.3.4 on WP 4.4.2.

[Rupok]

Hi there,

Thanks for writing in! I can see you have added the following code to your Child Theme’s CSS :

body.woocommerce-page .x-btn:hover, body.woocommerce-page .button:hover, [type="submit"]:hover {
  background-color: #efefef;
  border-color: #600900;
  box-shadow: 0 0.25em 0 0 #a71000, 0 4px 9px rgba(0, 0, 0, 0.75);
  color: #941306;
  margin-bottom: 0.25em;
  text-shadow: none;
}

And this to your customizer :

.x-btn:hover, .button:hover, [type="submit"]:hover {
  background-color: #efefef;
  border-color: #600900;
  box-shadow: 0 0.25em 0 0 #a71000, 0 4px 9px rgba(0, 0, 0, 0.75);
  color: #ffffff;
  margin-bottom: 0.25em;
  text-shadow: 0 0.075em 0.075em rgba(0, 0, 0, 0.5);
}

Let’s remove those to get expected result.

If you can’t find them then add the below code under Custom > CSS in the Customizer.

.woocommerce .add_to_cart_button:hover {
  background-color: #df1600 !important;
  color: #fff !important;
  text-decoration: none;
}

Hope this helps.

Cheers!

[Author]

Posts