1. Как изменить шапку сайта?

Верхняя часть шаблона состоит из надписи названия сайта, пунктами меню и строки поиска.

Название вашего сайта — текст, который будет отображаться в переменной $SITE_NAME$. Чтобы изменить его требуется перейти в Панель управления → Настройки → Общие настройки и изменить поле “Название вашего сайта” на необходимое.

Если же вместо текста нужно изображение тогда перейдите в “Панель управления → Дизайн → Редактор → Глобальные блоки → Верхняя часть сайта” найдите строку:

<a class="logo-lnk" href="$HOME_PAGE_LINK$" title="Home">$SITE_NAME$</a>

и вместо $SITE_NAME$ пропишите:

<img src="ссылка на логотип">

где "ссылка на логотип" – пропишите ссылку, которую вы можете получить, осуществляя:

1. Логотип загружается в файловый менеджер сайта (Панель управления → Инструменты.)
2. После загрузки изображения, просто кликните на название изображение и вы получите заветную ссылку. 

Чтобы изменить фон верхней части сайта перейдите в Панель управления → Дизайн → Редактор → Таблица стилей (CSS)  найдите css правило:

.header { margin: 0 auto; position: relative; background-color: #e7eefc; }

где вместо #e7eefc укажите нужный вам html-цвет.

2. Как изменить промо-блок?

Для редактирования промо-страницы нужно перейдите в Панель управления → Дизайн → Редактор → Глобальные блоки → PROMO.

Блок Promo представляет собой слайдер изображений с кратким текстовым описанием. Все слайды слайдера имеют одинаковую структуру, в качестве примера рассмотрим один из них:

<div class="item">
 <img class="slide-bg-img" src="/.s/t/1818/slider-img.png">
 <img class="slide-md-img" src="/.s/t/1818/slider-img2.jpg">
 <div class="text-wrap">
 <div class="slide-text">
 <h3>Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</h3>
 <p>Suspendisse potenti. Morbi ac felis. Nam ipsum risus, rutrum vitae, vestibulum eu, molestie
 vel, lacus. Fusce risus nisl, viverra et, tempor et, pretium in, sapien. Donec mi odio,
 faucibus at, scelerisque qui</p>
 <a class="slide-button" href="#">More</a>
 </div>
 </div>
 </div>

где:

<img class="slide-bg-img" src="/.s/t/1818/slider-img.png">

изображение которое находится под текстовым блоком.

<img class="slide-md-img" src="/.s/t/1818/slider-img2.jpg"> 

изображение которое находится справа от текстового блока.

Вы можете заменить стандартные ссылки на изображения на свои. Аналогично с текстовым содержимым слайда.

Вы можете задать свой цвет под текстовым блоком слайда, для этого перейдите в Панель управления → Дизайн → Редактор → Таблица стилей (CSS), после чего найдите там css-правило:

.text-wrap { width: 60%; z-index: 10000; background-color: rgba(86, 121, 191, 0.64); display: flex; align-items: center; justify-content: center; }

где вместо "rgba(86, 121, 191, 0.64)" вы можете указать свой html цвет в формате RGBA, либо цвет в формате HEX  если вам не нужна прозрачность фона данного блока.

3. Как изменить фон шаблона?

Изменить фон сайта можно в Панель управления → Дизайн → Редактор → Таблица стилей (CSS). найдите css-правило:

body { font-size: 14px; line-height: 1.5; color: #6a6a77; background-color: #ffffff; }

#ffffff; – фон сайта. Его можно изменить на любой другой html-цвет.

4. Как изменить цвет  блоков?

Для изменения вида блоков sidebar перейдите в Панель управления → Дизайн → Редактор → Таблица стилей (CSS), найдите там css-правило:

.sidebox { padding: 0 15px 15px; box-shadow: -10px 40px 206px #f1f1f1; border-radius: 10px 10px 5px 5px; background-color: #ffffff; margin-bottom: 20px; }

#ffffff – это и есть цвет блока. #ffffff можете заменить на любой другой цвет html.

#f1f1f1  – цвет тени блока. #f1f1f1, которая создает эффект отображения блока как отдельного  элемента, вы можете заменить на любой другой цвет html.Аналогичным способом вы можете изменить заголовок блока, найдите css-правило:

.sidetitle { color: #5679bf; font-size: 18px; font-weight: 700; line-height: 28px; text-align: left; margin: 0 -15px; padding: 15px; border-radius: 10px 10px 0 0; background-color: #e7eefc; }}

#e7eefc –  цвет блока,  #e7eefc можете заменить на любой другой html-цвет.

#5679bf – цвет шрифта,  #5679bf можете заменить на любой другой html-цветl.

5. Как изменить нижнюю часть сайта?

Изменить фон нижней части сайта можно в Панель управления → Дизайн → Редактор → Таблица стилей (CSS) найдите css-правило:

footer { background-color: #2c3546; color: #fff; position: relative; }

#2c3546 - цвет фона футера, Вы можете заменить на любой другой цвет.

Для изменения содержимого нижней части сайта перейдите в Панель управления → Дизайн → Редактор → Глобальные блоки → Нижняя часть сайта.  

Она состоит из дополнительной информации о сайте и контактов. Для того чтобы изменить информацию о сайте перейдите к строкам 2-25 и замените информацию и ссылки на свои.

Для изменения второй части - контактной информации перейдите к строкам строки 26-47 и аналогичным образом измените контактную информацию на актуальную для вашего сайта.

6. Какой основной цвет сайта?

Основным цветом элементов сайта является #2ed573 и #4be189

Если требуется сменить цветовую гамму, воспользуйтесь заменой #2ed573 и #4be189  на любой свой html-цвет, используя замену внутри шаблона “Таблица стилей CSS”. Аналогичным способом вы можете заменить другие второстепенные цвета сайта.