Увеличение изображение в виджете Posts - Elementor - Wordpress

Question

Добавил в страницу виджет Posts от Elemenotor Мне нужно чтобы при наведение на картинку новости он немного увеличился в масштабах. Не могу найти свойство hover для картинки новости. Как это можно сделать?

Answer 1

Поскольку у Вас ElementorPro, то можно добавить на закладке расширение в блок Custom CSS? следующий стиль:

.elementor-posts-container.elementor-has-item-ratio .elementor-post__thumbnail img:hover{
    -webkit-transform: scale(1.03) translate(-50%,-50%);
    -ms-transform: scale(1.03) translate(-50%,-50%) ;
    transform: scale(1.03) translate(-50%,-50%) ;
}

Естественно сдвиг и масштаб устанавливаете так, как Вам надо.

Можно ещё добавить следующий код, что бы увеличение было плавней:

    .elementor-posts-container.elementor-has-item-ratio .elementor-post__thumbnail img{
    -webkit-transition: .2s all ease-in-out;
    -moz-transition: .2s all ease-in-out;
    -ms-transition: .2s all ease-in-out;
    -o-transition: .2s all ease-in-out;
    transition: .2s all ease-in-out;
}

До ховера.

БЛОГ НА HUSL

Увеличение изображение в виджете Posts - Elementor - Wordpress

Ответы (1 шт):