---
title: "Change The Look Of Inactive Thumbnails"
source: "https://docs.nexcess.com/software/kadence/iconic/change-the-look-of-inactive-thumbnails/"
description: "By default, WooThumbs sets inactive thumbnails to 20% opacity. It's quite easy to change the look of these with some basic CSS. Take a look at the examples belo…"
vertical: "Software"
area: "Iconic"
date: "2021-03-25"
last_modified: "2026-07-02"
---

# Change The Look Of Inactive Thumbnails

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

![Example of 20% opacity](https://docs.nexcess.com/wp-content/uploads/2026/07/example-of-20-percent-opacity-inactive-thumbnails.png)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](https://docs.nexcess.com/wp-content/uploads/2026/07/50-percent-opacity.png)## 100% Opacity

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

![100 percent opacity](https://docs.nexcess.com/wp-content/uploads/2026/07/100-percent-opacity.png)