Home › Forums › WoodMart support forum › Variable products button color

Variable products button color

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 26, 2025 at 10:36 pm #649323

    MatoZato
    Participant

    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.
    March 27, 2025 at 1:30 pm #649521

    Hung Pham
    Keymaster

    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,

    March 27, 2025 at 1:49 pm #649537

    MatoZato
    Participant

    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.
    March 28, 2025 at 7:57 am #649744

    Hung Pham
    Keymaster

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