Wordpress | Hover эффект для виджетов Элементор #2. Фон секции, движение текста

Здесь рассказано о том, как сделать при наведении мышки плавную смену фона у колонки, движение текста и смену параметров иконки.

CSS:
.services-column .elementor-element-populated:hover {
padding-top: 30px !important;
padding-bottom: 30px !important;
}

.services-column .elementor-element-populated {
transition: 0.3s !important;
}

.services-column .elementor-element-populated:hover .elementor-icon {
background-color: #fff !important;
}

Ставьте лайк; если появились вопросы - задавайте их в комментариях; подписывайтесь на наш канал!

----------------------------------------

Смотрите обучающие видео для создания веб-сайтов на CMS Wordpress, Page Builder: Elementor, Elementor Pro, Crocoblock...

Для этих систем управления сайтом рассматриваем следующие вопросы:
плагины, настройки, адаптивность, конструирование, разнообразные эффекты.

Конструктор Elementor позволяет использовать такие элементы и блоки, как:
заголовки, текст, галереи, карусели, слайдеры, параллакс, цены, социальные сети, списки и многое другое.

----------------------------------------

Мои работы по созданию дизайнов, а также вёрстка сайтов в Вордпрессе:

WhatsApp, Viber, Telegram [phone]

[BasovaOlga]

Спасибо большое за видео, обязательно попробую реализовать такое у себя на сайте, очень красиво выглядит😊

[MediaMax]

Если есть вопросы по коду CSS в данном видео - спрашивайте.

[Sunnycve]

День добрый, стоит задача сделать все то же самое, и дополнительно менять цвет всего текста/заголовков внутри при наведении на колонку, не знаете как это осуществить?