# Настройка стиля и отображения

### Управление цветами секторов

По умолчанию колесо генерирует цвета секторов автоматически после каждой перезагрузки страницы.

Если вы хотите задать собственные цвета, вам необходимо в блоке “JavaScript: Код колеса”,

задать в них собственные цвета в формате **[HEX](https://yandex.ru/search/?text=%D1%8F%D0%BD%D0%B4%D0%B5%D0%BA%D1%81+%D1%86%D0%B2%D0%B5%D1%82%D0%B0&lr=10830)**.

**Каждая строка отвечает за цвет сектора, идущего по порядку. Если строк с собственными цветами меньше, чем секторов, то следующий цвет подбирается автоматически.**

<div class="builder-item part-image " data-animation-mode="no" data-item-name="field82231" data-param="items/parts/field82231" data-setting-editable="true" data-title="Элемент" id="bkmrk-"><div class="image-box" data-img-src="//fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/74504eb02580040cea6c10f64239dd90.png/s/s1200x/a/143493/sc/32" data-img-title="" id="bkmrk--1">![](https://fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/74504eb02580040cea6c10f64239dd90.png/s/s1200x/a/143493/sc/32)<div class="lt-image-caption" data-editable="true" data-param="items/parts/field82231/inner/image/caption">  
</div></div></div>### Изменение информера валидации формы

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

<div class="builder-item part-image " data-animation-mode="no" data-item-name="field24012" data-param="items/parts/field24012" data-setting-editable="true" data-title="Элемент" id="bkmrk--2"><div class="image-box" data-img-src="//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/6e45b1bb05791a54874d9e49812ca73b.png/s/s1200x/a/143493/sc/104" data-img-title="" id="bkmrk--3">![](https://fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/6e45b1bb05791a54874d9e49812ca73b.png/s/s1200x/a/143493/sc/104)<div class="lt-image-caption" data-editable="true" data-param="items/parts/field24012/inner/image/caption">  
</div></div></div>Вы можете настроить собственный стиль в дизайн вашей страницы, изменив значения кода в блоке CSS: Стили колеса.

**Для этого необходимо иметь базовые знания CSS.**

<div class="builder-item part-image " data-animation-mode="no" data-item-name="field76841" data-param="items/parts/field76841" data-setting-editable="true" data-title="Элемент" id="bkmrk--5"><div class="image-box" data-img-src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/e8617ce7c5ffd15ecf2c797d0c959619.png/s/s1200x/a/143493/sc/272" data-img-title="" id="bkmrk--6">![](https://fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/e8617ce7c5ffd15ecf2c797d0c959619.png/s/s1200x/a/143493/sc/272)<div class="lt-image-caption" data-editable="true" data-param="items/parts/field76841/inner/image/caption">  
</div></div></div><div class="builder-item part-image " data-animation-mode="no" data-item-name="field46598" data-param="items/parts/field46598" data-setting-editable="true" data-title="Элемент" id="bkmrk--7"><div class="image-box" data-img-src="//fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/7bca5fbe765d4cbd11d2e9de30b24bbd.png/s/s1200x/a/143493/sc/468" data-img-title="" id="bkmrk--8">![](https://fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/7bca5fbe765d4cbd11d2e9de30b24bbd.png/s/s1200x/a/143493/sc/468)<div class="lt-image-caption" data-editable="true" data-param="items/parts/field46598/inner/image/caption">  
</div></div></div>### Управление названий секторов

Может потребоваться изменить базовые стили текстов секторов. Например уменьшить или увеличить шрифт, поменять цвет текста, добавить высоты строки и т.д. Все настройки можно внести в блоке CSS: Стили колеса в самом низу.

<div class="builder-item part-image " data-animation-mode="no" data-item-name="field80369" data-param="items/parts/field80369" data-setting-editable="true" data-title="Элемент" id="bkmrk--9"><div class="image-box" data-img-src="//fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/f6dbe0afcfe536a313872467aa8a93e8.png/s/s1200x/a/143493/sc/296" data-img-title="" id="bkmrk--10">![](https://fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/f6dbe0afcfe536a313872467aa8a93e8.png/s/s1200x/a/143493/sc/296)</div></div>