Як налаштувати позицію елементів

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

У секції Позиція (Position) ви можете змістити віджет вправо або вліво, а також повернути його. Налаштуйте розташування елемента за параметрами:

X Зміщення елемента за віссю X (горизонтально). Введіть значення з мінусом, щоб перемістити контент вліво, та позитивне значення, щоб перемістити контент вправо*.
Y Зміщення елемента за віссю Y (вертикально). Введіть значення з мінусом, щоб перемістити контент вгору, та позитивне значення, щоб перемістити контент вниз*.
Z-index

Зміщення елемента за умовною віссю Z (попереду або позаду інших елементів). Виставте значення від 1 до 9.

Елементи з більшим значенням індексу Z перекриватимуть елементи з меншим значенням.

Rot.° Кут нахилу елемента на 360 градусів. Введіть значення з мінусом, щоб повернути контент зліва направо, та позитивне значення, щоб повернути контент справа наліво*.

* Коли вводите значення для властивостей, слід враховувати розмір блоку. Якщо вказане значення буде більшим за розмір блоку, елемент буде переміщено за межі макету — він не буде відображатися на сайті.

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

Також для віджетів, розміщених на відкритих блоках, ви можете додатково налаштувати точку привʼязки. У параметрі Точка прив’язки виберіть прив’язку відносно країв екрана: зліва / справа або згори / знизу.

Оцініть, наскільки стаття була корисною "Як налаштувати позицію елементів"

Оцінка: 5 / 5 (8)

Назад

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

Далі

Як налаштувати фон

Популярне в нашому блозі

Почніть користуватися сервісом SendPulse прямо сьогодні