Wordpress | Hover эффект для виджета Элементор - Иконка с текстом

В этом видео рассказано, как создать простой эффект при наведении мышкой на Иконку с текстом - один из виджетов Элементор. Эффект создан при помощи кода CSS.

CSS код
/* Для случая с SVG: */
.icon-box-for-price .elementor-icon-box-wrapper .elementor-icon-box-icon {
fill: #0b2239;
}
.icon-box-for-price .elementor-icon-box-wrapper:hover .elementor-icon-box-icon {
fill: #fff;
}

/* С иконкой: */
.icon-box-for-price .elementor-icon-box-wrapper:hover .elementor-icon-box-icon i {
color: #fff;
}

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

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

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

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

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

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

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

WhatsApp, Viber, Telegram [phone]