Home › Forums › WoodMart support forum › Change color of Swatches

Change color of Swatches

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 8, 2026 at 11:15 am #717930

    kasper
    Participant

    Hello,

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

    May 8, 2026 at 3:16 pm #717956

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

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

    Best Regards

    May 11, 2026 at 12:29 pm #718103

    kasper
    Participant

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

    May 11, 2026 at 3:09 pm #718130

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    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

    May 12, 2026 at 11:37 am #718241

    kasper
    Participant

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

    May 12, 2026 at 3:06 pm #718280

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    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
Viewing 6 posts - 1 through 6 (of 6 total)