html – Additional code not working on all buttons


I’m desperately learning as I go here but am stumped at this one…

I have this code in my Additional CSS WP panel:

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover

{

background: #930275 !important;

background-color: #930275 !important;

color:white !important;

text-shadow: transparent !important;

box-shadow: none;

border-color: #930275 !important;

}

But only one section of my account buttons are behaving correctly, they should all look like this on hover (pink with white text):

enter image description here

But instead some of them still look like this:

enter image description here

Would someone be able to explain what I’m doing wrong?

I think the classes I need to edit are these;

woocommerce-button button view
woocommerce-Button button

Thank you 😀



Source link

Latest articles

Related articles

Leave a reply

Please enter your comment!
Please enter your name here