Статті на: Редактор
Ця стаття також доступна на:

Заокруглення кутів

У налаштуваннях певних елементів та колонок ви можете увімкнути заокруглення кутів — як усіх кутів одночасно, так і налаштувати радіус заокруглення кожного з них окремо. Це дозволяє гнучко кастомізувати сайт та створювати необхідний вам дизайн.

Заокруглення кутів елементів



Для того, щоб застосувати заокруглення кутів до елементу, наприклад, зображення, необхідно:

Відкрити налаштування елементу:



Підказка: заокруглення кутів зображень доступне як у Flex block, так і для зображень у звичайних блоках.

Перейти до вкладки Стиль та у пункті Заокруглення вказати необхідний радіус заокруглення одразу для усіх кутів:



Якщо вам необхідно вказати заокруглення для кожного кута окремо, натисніть на кнопку Незалежні кути та уведіть заокруглення для необхідного кута:

① лівий верхній кут;
② правий верхній кут;
③ правий нижній кут;
④ лівий нижній кут.



Після цього в обраному елементі кути стануть заокругленими:



Приклад різного заокруглення для окремих кутів:



Заокруглення кутів колонок та елементів колекції



Увімкнути заокруглення кутів можна лише для карток колекції, що мають кольоровий фон або активовані пресети. Для цього потрібно зайти в Налаштування колекції, перейти до вкладки Стиль та у пункті Заокруглення аналогічно до попереднього розділу інструкції вказати потрібне заокруглення для елементів (карток) колекції:



Примітка: якщо ви створили сайт за допомогою шаблона, у якому вже були наявні заокруглення у елементах колекції, то застосовані за цією інструкцією заокруглення матимуть перевагу (відображатимуться замість старих).

Підказка: після активації перемикача "Заокруглення", воно буде автоматично застосовано до всіх карток в колекції.


Заокруглення кутів в колонках



Заокруглення кутів для колонок відбувається так само, як і для колекцій, але вказується для кожної колонки окремо:

Оновлено: 11/04/2024

Чи була ця стаття корисною?

Поділіться своїм відгуком

Скасувати

Дякуємо!