Button color and button hover

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!

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.

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!

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.