> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.weblium.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

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

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

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

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

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

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ua-image_pseluh.png)

| ${color}[#1aa900](Підказка:) заокруглення кутів зображень доступне як у Flex block, так і для зображень у звичайних блоках.

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

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ua-popup-media_in66z4.png)

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

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

![](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)

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

| ${color}[#1aa900](Підказка:) після активації перемикача "Заокруглення", воно буде автоматично застосовано до всіх карток в колекції.


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

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

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ua-column_wvxfuw.png)