Кастомизируем галочку чекбокса в форме Elementor

Чтобы изменить размер и цвет активной стандартной галочки чекбокса в формах Elementor используйте следующий CSS:

				
					selector .elementor-field-option {
    display: flex;
    gap: 10px;
    line-height: 20px;
    margin-bottom: 5px;
}

input {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    accent-color: #FF5C00 !important;
}
				
			

Выбираете элемент «Form» — Вкладка «Расширенные» — «Пользовательский CSS» и вставляете вышеприведённый код.

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

VK
Facebook
Telegram
WhatsApp

Комментарий

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

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

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

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

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