Variable products button color

Hello.

Please, how can i set this buttons regular color, and selected color?

I send in attachment.

https://alfishing.sk/produkt/pop-wafters/

Thank you very much.

Attachments:

You must be logged in to view attached files.

Hi MatoZato,

Thanks for reaching to us.

Please refer to this article for more details https://xtemos.com/docs-topic/variable-products-and-swatches/

Regards,

Hello. Thank you.

But i dont see how can i change color of this button and color of selected.

So please how can i set colors?

https://alfishing.sk/produkt/pop-wafters/

Thank you very much.

Attachments:

You must be logged in to view attached files.

Hi MatoZato,

Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

[class*="wd-swatches"].wd-text-style-4 div.wd-swatch.wd-text {
    border-color: #fff;
}

div.wd-swatch.wd-text{
    color: #FF4900;
}

/* selected swatch*/
[class*="wd-swatches"].wd-text-style-4 div.wd-swatch.wd-text:is(.wd-active,:hover:not(.wd-disabled)){
    border-color: #FF4900;
    background-color: #000;
    color: #fff;
}

Regards,

[Author]

Posts