FAQ по шаблону JOY

Как использовать в шаблоне "кастомные" классы (custom classes)

.tm-title-large
Добавить этот класс в текстовой элемент, чтобы применить для заголовков и увеличить размер шрифта

.tm-text-color-1 .tm-text-color-2 .tm-text-color-3 .tm-text-color-4 .tm-text-color-5
Этот класс для применения различных цветов в текстовых элементах, например подчеркивание в <span> элементе

.tm-top-hero-gradient
Этот класс будет применять градиент затухания (gradient fading) в нижней части Top Hero позиции . Перейдите в пункт меню администрирования шаблона по ссылке Templates>yoo_joy>Options>Layouts. Прокрутите вниз до Hero Blocks и пропишите класс в секции top-hero

.tm-title-dash
Этот класс добавляет к заголовку отступ текста, использовать с тире в начале конструкции

.tm-subnav-line
Добавляет тире между nav элементами, подробнее

.tm-title
Этот класс применяет пользовательские стили заголовков, добавление нижней страницы, как своего рода сепаратор

.tm-button-link
Добавляется к кнопке или якорю абзаца текста, с тире вначале элемента

.tm-shadow
Добавляется к элементу для применения эффекта тени

.tm-margin-large-top
Этот класс выдаёт дополнительные 100 пикселей пространства для верхней части элемента

.tm-margin-large-bottom
Этот класс выдаёт дополнительные 100 пикселей пространства для нижней части элемента

.tm-icon-google-plus .tm-icon-facebook .tm-icon-youtube-play .tm-icon-instagram .tm-icon-twitter
Этот класс применяет цвета, лого и прочее используемых социальных сетей

 

Как изменить изображение для позиций Top и Bottom Hero?
Переходим в Extensions>Templates >yoo joy - Default >Options >Layouts и прокрутив до секции Hero Blocks находим поле Image/Color здесь вводим путь для background image или номер цвета по стандарту RGBA или Hex. Там же можно включить опцию для анимации цвета который будет вращаться через спектр оттенков

 

Как включить анимацию и изменить цвет для модулей в позиции - hero positions
Переходим в Extensions>Templates >yoo joy - Default >Options >Layouts и прокрутив до секции Hero Blocks находим поле Particles Color и вводим номер цвета по стандарту RGBA или Hex.