Как изменить дизайн кнопок?

Дизайн кнопок является частью настроек дизайна сайта. Чтобы изменить его перейдите в Настройки сайта, сделать это можно из общего списка сайтов нажав на … у карточки интересующего сайта (скриншот).

Или из режима редактирования сайта перейдите в Страницы сайта (скриншот).

В открывшемся окне нажмите Настройки сайта в правом верхнем углу.


Вы окажетесь в управлении Настройками сайта, где вам будет необходимо выбрать настройки дизайна (скриншот).

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

Чтобы изменить стиль кнопок нажмите на область с кнопками на общей странице настроек дизайна (скриншот).

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

Для выбора шрифта нажмите на текущий шрифт и сотрите символы в строке. Вы увидите выпадающий список шрифтами. Выберите нужный вам и он автоматически применится к сайту, отображаемому справа и к кнопкам сверху.


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


Ниже вы можете изменить цвет кнопки. Цветовая схема кнопки состоит из трех значений: фон, рамка и текст. Для внедрения изменения нажмите на кнопку, которую вы хотите менять. Мы рекомендуем использовать фирменные цвета вашего сайта. Для этого нажмите на прямоугольник с цветом напротив интересующего значения и в появившемся окне выберите нужный.


Однако вы можете выбрать и новый цвет. Для этого нажмите на + Цвет сразу под палитрой образцов. Вам откроется выпадающее окно с возможностью выбрать цвет вручную при помощи панели выбора цвета, а также со строкой, позволяющей ввести номер цвета в системе RGB.


Вы можете настроить форму кнопок, изменив значение в поле Закругление углов, где 0 px кнопки с абсолютно прямыми углами, а 50 px – овальные кнопки.