TM Products Carousel Widget изменить hover

simatic007
(@simatic007)

4 года, 10 месяцев назад

Добрый день. На указанном сайте блок последние проекты вставлен с использованием указанного виджета. Инспектором браузера никак не могу найти эффект наложения серого цвета при наведении. Хочу изменить на черное затемнение. Понимаю, что вопрос чисто css-а, но уже час бьюсь и не могу найти. Где найти это правило?

Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 6 ответов — с 1 по 6 (всего 6)

tuxfighter
(@tuxfighter)

4 года, 10 месяцев назад
```
img.attachment-shop_catalog.size-shop_catalog.wp-post-image:hover {

    -webkit-filter: grayscale(.7);
    filter: grayscale(.7);
    opacity: .7;

}
```
Модератор Yuri
(@yube)

4 года, 10 месяцев назад
не могу найти эффект наложения серого цвета

Наверно потому, что там другой эффект — обесцвечивание.

час бьюсь и не могу найти

Вот оно:
```
img.attachment-shop_catalog.size-shop_catalog.wp-post-image:hover {
    -webkit-filter: grayscale(.7);
    filter: grayscale(.7);
    opacity: .7;
}
```
На время разработки лучше отключать кэширование и минификацию.
Автор simatic007
(@simatic007)

4 года, 10 месяцев назад

Юрий, огромное спасибо. Почему я не смог инспектором найти это правило, оно же есть в style.css. Вы пользуетесь каким то отдельным расширением для браузера?

tuxfighter
(@tuxfighter)

4 года, 10 месяцев назад

ПКМ в консоли по объекту исследование — hover

Модератор Yuri
(@yube)

4 года, 10 месяцев назад

Почему я не смог инспектором найти это правило, оно же есть в style.css.

Возможно потому, что не включили ‘hover’.

Вы пользуетесь каким то отдельным расширением для браузера?

Нет, штатный инструмент.

Автор simatic007
(@simatic007)

4 года, 10 месяцев назад

Спасибо, а я просто в списке css правил смотрел не выбирая никаких галочек.

Просмотр 6 ответов — с 1 по 6 (всего 6)

Тема «TM Products Carousel Widget изменить hover» закрыта для новых ответов.