Documentation

Change The Look Of Inactive Thumbnails

By default, WooThumbs sets inactive thumbnails to 20% opacity.

Example of 20% opacity

It’s quite easy to change the look of these with some basic CSS. Take a look at the examples below:

50% Opacity

body .iconic-woothumbs-thumbnails__slide {
    opacity: 0.5;
}
50 percent opacity

100% Opacity

body .iconic-woothumbs-thumbnails__slide {
    opacity: 1;
}
100 percent opacity

Are you using WooThumbs for WooCommerce yet?

Start your 14-day free trial right now and get instant access to the features described in this article.

or learn more

Was this helpful?

Please let us know if this article was useful. It is the best way to ensure our documentation is as helpful as possible.

WooThumbs for WooCommerce

WooThumbs for WooCommerce

Not got the plugin yet? Get instant access right now, free for 14 days.

or learn more

Still need help?

If you haven't found what you're looking for in our documentation, please contact support.

Get Support