Change color of Swatches

Hello,

How do I change the font color of the text based swatches?

Hello,

Can you share the page URL so I can further check on your site and give you a possible CSS code.

Best Regards

Here you go. Just navigate to a single product with a text swatch.

Hello,

Try to add the following CSS in Theme Settings > Custom CSS. Change the code as per your requirements.

.wd-swatch.wd-text .wd-swatch-text {
    color: #fa2323 !important;
}

Best Regards

Perfect, thank you. How about the border of it?

Hello,

Try to add the following CSS in Theme Settings > Custom CSS. Change the code as per your requirements.

[class*="wd-swatches"].wd-text-style-3 .wd-swatch.wd-text {
    border-color: #fa2323 !important;
}

Best Regards

[Author]

Posts