Return to previous page

Adjustment of the colors of the swatch buttons

This topic has 4 replies, 2 voices, and was last updated 1 months, 1 weeks ago ago by Alex Carter

  • Avatar: martijntje
    martijntje
    Participant
    May 6, 2025 at 12:57

    Hi there,

    Is it possible to have the color background of the buttons changed when selected? See example attached.

    Files is visible for topic creator and
    support staff only.
    #442897 Copied Theme version: 9.4.11
    3 Answers
    Avatar: Alex Carter
    Alex Carter
    Support staff
    May 6, 2025 at 13:01

    Hello,

    Thank you for reaching out to us.

    Could you please provide the link to the product shown in your screenshot?

    Warm Regards,
    The 8Theme Team

    #442901 Copied
    Avatar: martijntje
    martijntje
    Participant
    May 6, 2025 at 13:02

    See attached 🙂

    Please contact administrator
    for this information.
    #442902 Copied
    Avatar: Alex Carter
    Alex Carter
    Support staff
    May 6, 2025 at 14:43

    Hello,

    We appreciate your prompt response.

    This custom CSS code can be used:

    .st-swatch-preview li.selected {
    background-color: #e9f5f9 !important;
    border-color: #86c9e0 !important;
}

    If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

    Warm Regards,
    The 8Theme Team

    #442915 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

Recent Community Activity

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Electronics Store – WordPress WooCommerce Theme
lazy-placeholder
Cosmetics Store – WordPress WooCommerce Theme
lazy-placeholder
Drinks Store – WordPress WooCommerce Theme
lazy-placeholder
Headphone Store – WordPress WooCommerce Theme
lazy-placeholder
Legenda – E-Commerce and Corporate PSD Theme
lazy-placeholder
Minimal Store – WordPress WooCommerce Theme
lazy-placeholder
Electronic Mega Market – WordPress WooCommerce Theme
lazy-placeholder
Dokan Multivendor Marketplace – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store 03 – WordPress WooCommerce Theme
lazy-placeholder
Marseille 02 – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.