Поддержка WooCommerce TM Products Carousel Widget изменить hover

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

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

Просмотр 6 ответов — с 1 по 6 (всего 6)
  • img.attachment-shop_catalog.size-shop_catalog.wp-post-image:hover {
    
        -webkit-filter: grayscale(.7);
        filter: grayscale(.7);
        opacity: .7;
    
    }

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

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

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

    Вот оно:

    
    img.attachment-shop_catalog.size-shop_catalog.wp-post-image:hover {
        -webkit-filter: grayscale(.7);
        filter: grayscale(.7);
        opacity: .7;
    }
    

    На время разработки лучше отключать кэширование и минификацию.

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

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

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

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

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

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

    screenshot

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

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