Button color and button hover

Astrid Pro
#1

Hey again!

When you hover over the “KÖP NU” button HERE it becomes green with black text. When you don’t hover over it, it is white with black text. If I want all the buttons to be green from the beginning like on the start page and have the same effect. How do I fix that?

Thank you!

#2

Hello Mardan,

You can try to use the following CSS code.

You can add CSS code in Dashboard → Appearance → Customize → Additional CSS.

.woocommerce a.button {
    color: #333 !important;
    background-color: #00c62b !important;
}

.woocommerce a.button:hover {
    color: #00c62b !important;
    background-color: transparent !important;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

#3

Hey Roman,

Thanks alot it worked. But the product pages are still the same if you check here as an example:
Digital Våg SWS100 (0,01-100g)

Thanks!

#4

Hello Mardan,

You can try to use this CSS code instead of previous:

.woocommerce .button {
    color: #333 !important;
    background-color: #00c62b !important;
}

.woocommerce .button:hover {
    color: #00c62b !important;
    background-color: transparent !important;
}

Kind Regards, Roman.