Як налаштувати ширину елементів

Від ширини елементів залежить, як виглядає ваш контент на сторінці: чи достатньо простору для тексту, наскільки гармонійно розміщені зображення й кнопки.

У статті розглянемо, як налаштовувати ширину елементів за допомогою відступів, розділювачів та співвідношення.

Відступи

На ширину контенту впливають внутрішні та зовнішні відступи, які ви виставляєте під час редагування блоку, колонки та віджета.

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

Для колонки ви можете встановити зовнішні відступи за горизонталлю в параметрі Відступ між колонками (Spacing), а внутрішні — в параметрі Внутрішній відступ (Inner padding).

Для деяких віджетів в параметрі Внутрішній відступ (Inner padding) можна додати внутрішні відступи між елементами праворуч, ліворуч, зверху та знизу.

Розділювачі

Щоб розділити елементи сайту, можна додати віджет Відступ (Spaser) або Лінія (Divider). Наприклад, ви можете відокремити головний екран від переходу до переваг ваших послуг.

Співвідношення колонок

У міру додавання елементів на сторінці ширина колонок рівномірно розподіляється на всю ширину секції. Ви також можете налаштувати ширину колонки, щоб реалізувати необхідну структуру контенту.

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

Налаштування впливає на ширину всіх колонок однієї секції — збільшуючи одну колонку, інші пропорційно зменшуються. Ви можете змінити ширину для двох, трьох та чотирьох колонок. Якщо ви додали п’ять чи шість колонок, ви не зможете міняти їхню ширину.

Співвідношення всередині макету

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

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

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

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

Оновлено: 18.07.2025