Заокруглення кутів
У налаштуваннях певних елементів та колонок ви можете увімкнути заокруглення кутів — як усіх кутів одночасно, так і налаштувати радіус заокруглення кожного з них окремо. Це дозволяє гнучко кастомізувати сайт та створювати необхідний вам дизайн.
Для того, щоб застосувати заокруглення кутів до елементу, наприклад, зображення, необхідно:
Відкрити налаштування елементу:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ua-image_pseluh.png)
Підказка: заокруглення кутів зображень доступне як у Flex block, так і для зображень у звичайних блоках.
Перейти до вкладки Стиль та у пункті Заокруглення вказати необхідний радіус заокруглення одразу для усіх кутів:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ua-popup-media_in66z4.png)
Якщо вам необхідно вказати заокруглення для кожного кута окремо, натисніть на кнопку Незалежні кути та уведіть заокруглення для необхідного кута:
① лівий верхній кут;
② правий верхній кут;
③ правий нижній кут;
④ лівий нижній кут.
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ua-popup-media-1_18dx97z.png)
Після цього в обраному елементі кути стануть заокругленими:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ua-image-settings_yknip5.png)
Приклад різного заокруглення для окремих кутів:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ru-smage-settings-2_1f8q7mc.png)
Увімкнути заокруглення кутів можна лише для карток колекції, що мають кольоровий фон або активовані пресети. Для цього потрібно зайти в Налаштування колекції, перейти до вкладки Стиль та у пункті Заокруглення аналогічно до попереднього розділу інструкції вказати потрібне заокруглення для елементів (карток) колекції:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ua-collection_p4ksh7.png)
Примітка: якщо ви створили сайт за допомогою шаблона, у якому вже були наявні заокруглення у елементах колекції, то застосовані за цією інструкцією заокруглення матимуть перевагу (відображатимуться замість старих).
Підказка: після активації перемикача "Заокруглення", воно буде автоматично застосовано до всіх карток в колекції.
Заокруглення кутів для колонок відбувається так само, як і для колекцій, але вказується для кожної колонки окремо:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ua-column_wvxfuw.png)
Заокруглення кутів елементів
Для того, щоб застосувати заокруглення кутів до елементу, наприклад, зображення, необхідно:
Відкрити налаштування елементу:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ua-image_pseluh.png)
Підказка: заокруглення кутів зображень доступне як у Flex block, так і для зображень у звичайних блоках.
Перейти до вкладки Стиль та у пункті Заокруглення вказати необхідний радіус заокруглення одразу для усіх кутів:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ua-popup-media_in66z4.png)
Якщо вам необхідно вказати заокруглення для кожного кута окремо, натисніть на кнопку Незалежні кути та уведіть заокруглення для необхідного кута:
① лівий верхній кут;
② правий верхній кут;
③ правий нижній кут;
④ лівий нижній кут.
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ua-popup-media-1_18dx97z.png)
Після цього в обраному елементі кути стануть заокругленими:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ua-image-settings_yknip5.png)
Приклад різного заокруглення для окремих кутів:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ru-smage-settings-2_1f8q7mc.png)
Заокруглення кутів колонок та елементів колекції
Увімкнути заокруглення кутів можна лише для карток колекції, що мають кольоровий фон або активовані пресети. Для цього потрібно зайти в Налаштування колекції, перейти до вкладки Стиль та у пункті Заокруглення аналогічно до попереднього розділу інструкції вказати потрібне заокруглення для елементів (карток) колекції:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ua-collection_p4ksh7.png)
Примітка: якщо ви створили сайт за допомогою шаблона, у якому вже були наявні заокруглення у елементах колекції, то застосовані за цією інструкцією заокруглення матимуть перевагу (відображатимуться замість старих).
Підказка: після активації перемикача "Заокруглення", воно буде автоматично застосовано до всіх карток в колекції.
Заокруглення кутів в колонках
Заокруглення кутів для колонок відбувається так само, як і для колекцій, але вказується для кожної колонки окремо:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ua-column_wvxfuw.png)
Оновлено: 11/04/2024
Дякуємо!