FAQ по шаблону Chester

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

.tm-alt-font
Добавить этот класс к элементу текста, чтобы применить альтернативный шрифт который устанавливается в настройщике шаблона

.tm-blockquote
Добавьте этот класс к элементу blockquote чтобы применить специальный стиль как на странице контактов : Contact page

.tm-panel-subtitle
Добавьте этот класс к элементу p чтобы применить тот же стиль как в статье с подхаголовком

Код:

<p class="tm-panel-subtitle">...</p>

.tm-price и .tm-sup
Добавьте этот класс к элементу контейнера чтобы воспроизвести прейскурант или прайс как на главной странице. Используйте h4 и элемент sup с классом .tm-sup

Код:

<div class="tm-price"> 
    <h4><sup class="tm-sup">$</sup>90</h4> 
    <p class="tm-alt-font">per night</p> 
</div>

.tm-list-line-dottedand.tm-list-line-dotted-space
Создать список как на странице SPA с помощью добавления первого класса ul и второго элемента span внутри конструкции списка

Код:

<ul class="uk-list tm-list-line-dotted"> 
    <li> 
        <h5>...</h5> 
        <span class="tm-list-line-dotted-space"></span> 
        ... 
    </li> 
</ul>

.tm-list-angle
Создать список с иконками в виде стрелок ( bullet points)

Код:

<ul class="uk-list uk-list-space tm-list-angle"> 
    <li>...</li> 
</ul>

.tm-margin-large, .tm-margin-large-top и .tm-margin-large-bottom
Добавить большие верхние или нижние поля ( margin )

 

Особенности навигации шаблона Chester. Макеты меню
Верхнее меню может быть настроено с расположением логотипа по-центру вверху, может быть с расположением в одну строку + выбрать эффект прилипания к верхней части экрана при прокрутке страницы (sticky)
Настраивается здесь Templates>yoo_chester>Options>Layouts (прокрутить вниз до пункта Navigation)

 

Как выбрать кастомный стиль отображения блога (custom blog)
Идём в админку, Templates>yoo_chester>Options>Layouts и отмечаем галочкой (чек-боксом) пункт

 

Как настроить индивидуальное отображение модульных позиций (блоков) сайта
Templates>yoo_chester>Options>Layoutsin прокрутить до пункта Block Appearance . Здесь вы можете настроить цвет фона, ширину и отступы, применить делители (divider) для каждой позиции любой страницы