Как переместить иконку справа от текста в виджете “Список с иконками” в Elementor

По умолчанию у виджета “список с иконками” иконка может располагаться только слева от текста. Данная инструкция позволит переместить иконку справа от текста:

CSS в произвольный код:

				
					/* Убираем стандартный отступ списка Elementor */
.icon-right .elementor-icon-list-items {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* Сам пункт — flex */
.icon-right .elementor-icon-list-item {
    display: flex;
    align-items: center;
}

/* Текст слева */
.icon-right .elementor-icon-list-text {
    order: 1;
    margin: 0 !important;
    padding: 0 !important;
}

/* Иконка справа */
.icon-right .elementor-icon-list-icon {
    order: 2;
    margin-left: 10px;
    margin-right: 0 !important;
}

				
			

CSS класс

				
					icon-right

				
			

Поделись с друзьями или сохрани себе:

VK
Facebook
Telegram
WhatsApp

Комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Привет! Я - Андрей. Занимаюсь обучением и разработкой сайтов на CMS WordPress и Elementor.

Мой ТОП хостингов в РФ

Мой ТОП хостингов в РБ

Хостинг за крипту в Европе