Support » Plugin: Variation Swatches for WooCommerce » How to remove the milky white effect on color and image

  • Resolved Dalimai

    (@dalimai)


    Hello,

    Exactly the plugin i wanted.

    Now, i want to remove the translucent milky white effect on products above the variations listed on the product.
    This is an effect to bring the option selected forward but the other colors doesn’t appears as true colors.
    For example, the black circle looks grey. as here :https://snag.gy/ZiCxL8.jpg

    I hope to read some help soon.
    Dali

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi Dali,

    Just add the following CSS to your custom.css file:

    .tawcvs-swatches .swatch {
        opacity: 1;
    }

    That should remove the “milky white effect” over the color variations 🙂

    Cheers!

    Thread Starter Dalimai

    (@dalimai)

    @ntjedge)

    It works fine… Thanks you very much for your help.

    Dali

    OR find the standard css for the plugin (default installation path):
    ../wp-content/plugins/variation-swatches-for-woocommerce/assets/css/frontend.css

    find in .tawcvs-swatches .swatch block, at line 29
    change
    opacity: 0.5;
    to
    opacity: 1;

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to remove the milky white effect on color and image’ is closed to new replies.