Generic selectors
Exact matches only
Search in title
Search in content
Search in posts
Search in pages

Как работать со стилями

Вы здесь:

В старом конструкторе можно настраивать стили отдельных блоков или всего письма.

Настройка стилей отдельного блока

Редактировать стили блока можно одним из двух способов:
Способ 1. Выделяем блок — кликаем на шестерёнку («Настройки») в правом верхнем углу.

Переходим в настройки блока

Способ 2.  На панели слева кликаем на «Стили» — выбираем категорию блоков (например «Текстовые») — кликаем на имя блока.

Переход к настройкам из панели слева

Первый вариант более удобен, так как можно сразу увидеть, для какого именно блока мы редактируем стили. Рассмотрим его.

Так выглядит окно с настройкой стилей.

Настройка стилей

Теперь отредактируем стили.

Сначала заменим фоновую картинку. Нажимаем на кнопку с папкой возле поля «Фоновое изображение блока», чтобы выбрать картинку в менеджере файлов.

Выбор картинки для фона

Чтобы загрузить новое изображение в менеджер файлов, кликаем на иконку с дискетой или перетаскиваем в него файл.

Кнопка с дискетой для загрузки картинки в менеджер файлов

Здесь нажимаем «Выбрать файлы для загрузки» и выбираем картинку на компьютере.

Выбор файла для загрузки

Когда картинка подгрузилась в менеджер файлов, кликаем на неё дважды, чтобы добавить в письмо.

Добавление картинки из менеджера файлов

Картинка обновлена.

Обновлённая картинка

Теперь редактируем другие стили: меняем шрифт на «Verdana», в поле «Межстрочный интервал» прописываем «2.5», выбираем чёрный цвет шрифта, а положение фона — справа вверху. Нажимаем кнопку «Сохранить».

Меняем стили блока

Так выглядит блок с отредактированными стилями:

Блок с изменёнными стилями

Настройка стилей письма

Чтобы настроить стили всего письма, на панели слева нажимаем «Стили», ниже выбираем «Письмо».

Стили письма

Выбираем другой цвет контейнера и цвет ссылок.

Меняем цвет фона контейнера и цвет ссылок

Так выглядит письмо с обновлёнными стилями.

Готовое письмо с обновлёнными стилями

Полезные ссылки

Как попасть в старый конструктор
Как создать правильную структуру: работа с колонками и блоками
Как отредактировать текст 
Как вставить ссылку
Как вставить картинку
Как вставить кнопку
Как вставить блок соцсетей
Как вставить видео
Как вставить GIF
Как сделать прехедер
Как сделать письмо на основе шаблона для старого конструктора

Оцените, на сколько вам показалась полезной статья «Как работать со стилями»
(0)