Trying change hover color of button

Posted in: Newspaper
Post count: 9
Rovara
#138644
Oct 13, 2016 at 5:10 pm

Hi there,

We added the Woocommerce option to the blog and trying to edit the hover color.

As you can see the normal button is green: http://www.skien.nl/webshop/alpina-grap-skihelm-54-57-groen-matt/ But the hover color is purple.

We tried to solve it with the following CSS, but without a good outcome, the button is still purple when hovering.


.woocommerce .product .button:hover {
background-color: #06ad06;
}

.single-product .product .summary .cart .button:hover {
background-color: #06ad06;
}

Post count: 23312
Catalin
#138721
Oct 14, 2016 at 9:11 am

Hello Rovara,

Please try the code below and place it in Theme panel->Custom CSS area. Also, you can use the !important tag to give a higher priority of your code.

.woocommerce .product a.button:hover, .single-product .product .summary .cart .button:hover{
background-color:pink!important;
}

The result you should see here -> http://screencast.com/t/OuDsgFvlTV

Thanks for the message!

Viewing 2 posts - 1 through 2 (of 2 total)
The forum ‘Newspaper’ is closed to new topics and replies.