Елемент «ротатор тексту» дозволяє зробити динамічний текст, що запам'ятовується, в будь-якому місці вашого веб-сайту. Текст в цьому елементі самостійно змінюється і в цілому може описувати ваші переваги як компанії або показувати вигоду від, скажімо, акції. Ви можете використовувати ротатор тексту як частину блоку-обкладинки або додати його в якості додаткового елементу до будь-якого наявного блоку.

У цій статті ми поговоримо про додавання ротатора тексту, а також про зміну його кольору і розміру шрифту.

Крок 1. Додавання елемента «ротатор тексту»

Для того, щоб додати блок із вбудованим ротатором тексту, натисніть на «плюс» в редакторі:



Відкрийте вкладку Перший екран і виберіть блок wireframe-series-11-cover:



Якщо ж ви хочете додати елемент в наявний блок, натисніть на «плюсик:»



В списку елементів оберіть Ротатор тексту:



Крок 2. Додавання власного тексту в ротатор

Натисніть на шестірню, щоб відкрити налаштування ротатора:



Тут ви можете додати свій текст і встановити його затримку:



Крок 3. Налаштування кольору та розміру шрифту для ротатора

В елемента «ротатор тексту» немає власних налаштувань шрифту та кольору — вони беруться з глобального стилю сайту. Іншими словами, якщо ви хочете змінити колір ротатора, то вам потрібно буде змінити колір в палітрі сайту, а якщо ви хочете налаштувати його шрифт, то допоможуть глобальні налаштування для шрифтів сайту.

Зміна кольору ротатора

Кольором ротатора керує Темний відтінок в палітрі сайту. Однак врахуйте, що змінивши його, зміниться і колір інших елементів, які використовують Темний відтінок.

Більше про те, як відкрити палітру сайту і змінити налаштування кольорів, в нашій статті Кольорова палітра сайту.

Зміна розміру шрифту ротатора

Типографіка, яка використовується для ротатора тексту, називається Hero title. Змінивши її розмір, зміниться і розмір ротатора. Однак, так само як і з кольором, зміниться розмір всіх інших Hero title на сайті.

Стаття Зміна шрифту на сайті підкаже вам, як все правильно налаштувати.
Чи була ця стаття корисною?
Скасувати
Дякуємо!