Как настроить ширину элементов

От ширины элементов зависит, как выглядит ваш контент на странице: достаточно ли пространства для текста, насколько гармонично размещены изображения и кнопки.

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

Отступы

На ширину контента влияют внутренние и внешние отступы, которые вы выставляете при редактировании блока, колонки и виджета.

Для блока в параметре Отступ сверху и снизу (Top and bottom margin) можно добавить внешние отступы вверху и внизу от 0 до 240 px.

Для колонки можно установить внешние отступы по горизонтали в параметре Отступ между колонками (Spacing), а внутренние – в параметре Внутреннее отступление (Inner padding).

Для некоторых виджетов в параметре Внутреннее отступление (Inner padding) можно добавить внутренние отступы между элементами вправо, влево, сверху и снизу.

Разделители

Для разделения элементов сайта можно добавить виджет. Отступление (Spacer) или Линия (Divider). К примеру, вы можете отделить главный экран от перехода к преимуществам ваших услуг.

Соотношение колонок

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

Активируйте опцию Гибкое соотношение колонок (Flexible column ratio), чтобы вручную настроить ширину колонок. Перемещайте границу колонки на нужное расстояние.

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

Соотношение внутри макета

Внутри макетов можно изменять соотношение его ячеек. Наведите на край элемента, зажмите ползунок и передвиньте его вправо или влево. Контент во всех виджетах в строке адаптируется к новому размеру.

Ширина виджета

Вы можете растянуть контент на всю ширину экрана с опцией блока Во всю ширину (Full width). Ширина страницы от этого не изменится.

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

Обновлено: 18.07.2025