Return to previous page

Outline selected variation - by martijntje

This topic has 5 replies, 3 voices, and was last updated 2 years, 10 months ago ago by martijntje

  • Avatar: martijntje
    martijntje
    Participant
    June 8, 2021 at 06:36

    Hi there,

    Is there a way to have a coloured outline of the selected variation by the customer? Now it is black but rather hard for the customer to see.

    Please, contact administrator
    for this information.
    #290218 Copied Theme version: 7.2.10 WooCommerce version: 5.3
    4 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 8, 2021 at 07:29

    Hello,

    Theme Options > WooCommerce > Shop elements > Variation swatches > Swatches Border Color

    Regards

    #290225 Copied
    Avatar: martijntje
    martijntje
    Participant
    June 8, 2021 at 08:27

    Great! Tnx.

    Is there a way to make the selected outline thicker?

    #290232 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    June 8, 2021 at 10:49

    Hello,

    Add the below code to the Theme Options > Custom CSS

    ul.st-swatch-preview li:hover, 
.st-swatch-preview li.selected {
    border-width: 2px;
}

    Regards

    #290251 Copied
    Avatar: martijntje
    martijntje
    Participant
    June 8, 2021 at 19:41

    tnx!

    #290319 Copied
  • Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘Outline selected variation’' has been successfully resolved, and the topic is now closed for further responses

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Makeup Store – WordPress WooCommerce Theme
lazy-placeholder
Designers – WordPress WooCommerce Theme
lazy-placeholder
Electronic Mega Market – WordPress WooCommerce Theme
lazy-placeholder
Organic Cosmetics Store – WordPress WooCommerce Theme
lazy-placeholder
Yoga Accessories – WordPress WooCommerce Theme
lazy-placeholder
Ecotransport Store – WordPress WooCommerce Theme
lazy-placeholder
Default RTL – WordPress WooCommerce Theme
lazy-placeholder
Niche Market 03 – Multivendor WP WooCommerce Theme
lazy-placeholder
Ecoenergy – WordPress WooCommerce Theme
lazy-placeholder
HandMade Store – 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.