Перейдите на вкладку «Дизайн» (1) и нажмите на вторую кнопку опций (2). Рядом появится панель со списком цветовых схем для оформления (3). Для выбора схемы нажмите на нее.
Создание собственной схемы
Добавьте виджет «HTML-код» к себе в форму, откройте его и вставьте следующее:
<style>
.grid-footer {
background-color: ваш цвет !important;
}
</style>
Далее выберите, какие виджеты вам необходимо стилизовать и вставляйте их сразу после тега <style>
Добавляйте их последовательно, друг за другом. Каждая инструкция должна начинаться с новой строки.
.field-select select {
border-color: ваш цвет !important;
background: none!important;
}
.rangeinner, .rangeselector, .slider-line__num--active:before {
background-color: ваш цвет !important;
}
.rangeinner:after, .rangeselector {
border-color: ваш цвет !important;
}
.slider-line__num--active {
color: ваш цвет !important;
}
input[type=checkbox]+label:before, input[type=checkbox]:checked+label:after {
border-color: ваш цвет !important;
}
input[type=checkbox]:checked+label:after {
color: #fff !important;
background-color: ваш цвет !important;
}