How to prevent 'Ausverkauft' button from changing to black on hover?

Hi there,

how can I prevent the “Ausverkauft” (sold out) button from becoming black when you hover over it?

https://taneraskin.com/products/orange-oat-peeling

Please note, that I only want to change the color of this button when and no other buttons. It only appears when an item is out of stock.

Thank you!

Best,

Isa

Hi @isabellemaria

Its Artzen Technologies! We will be happy to help you today.

You can make the BUTTON BACKGROUND NONE while hovering round by adding the CSS:-

button#ProductSubmitButton-template–17904033104140__main:disabled:hover {
background: none !important;
color: black;
border: 1px solid #111111 !important;

}

Here, below is the Screenshot for the same.

If this solution helped you then please mark it as accepted.

Let me know if need further assistance
Regards,
Artzen Technologies

What did you click to see the black screenshot?

Hi @isabellemaria

On your store frontened press Ctrl + Shift + I
or you can simply right click and select inspect