> ## 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).

# Додавання тіні до елементів

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

За допомогою наступних кроків ви зможете активувати та налаштувати тіні для елементів вашого сайту.

|| ${color}[#ffa800](Примітка:) Нині тіні можна застосувати до таких елементів: [Фігура](https://help.weblium.com/uk/article/dodavannya-elementu-figura-r6eq3z/), [зображення](https://help.weblium.com/uk/article/dodavannya-zobrazhen-eq66kg/), [елементи колекції](https://help.weblium.com/uk/article/nalashtuvannya-elementiv-kolekciyi-4wu8qn/) та [колонки](https://help.weblium.com/uk/article/keruvannya-elementami-1ok28k/#3-dodavannya-kolonok-do-bloku).

# Додавання тіні до фігур та зображень

1. Відкрийте налаштування потрібного вам елементу, натиснувши на шестерню:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ukr-7_wmw9x6.png)

| ${color}[#1aa900](Підказка:) на скриншоті вище відображено відкриття налаштувань елементу “Фігура”, але для зображень застосування тіні відбувається аналогічним чином шляхом натиску на кнопку  “Налаштування зображення“.


2. Активуйте параметр **Тінь** у розділі налаштувань **Стиль**:


![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ukr-1_bt3ei0.png)

Далі ви зможете відредагувати зовнішній вигляд тіні за допомогою наступних налаштувань:

* **Положення тіні по осі Х (по горизонталі)**. Збільшіть числове значення у цьому полі, щоб перемістити тінь у праву сторону, та відповідно зменшіть, щоб перемістити у ліву.

* **Положення тіні по осі Y (по вертикалі)**. Збільшіть числове значення у цьому полі, щоб перемістити тінь вверх, та відповідно зменшіть, щоб опустити нижче.

* **Розмиття**. Збільшення значення цього поля зробить тінь більш плавною. 

* **Розмір тіні**.  Мінімальний розмір тіні від границь елементу — 1 піксель, максимальний — 500 пікселів.

* **Колір тіні**.  Ви можете або обрати колір із вашої палітри сайту, або вказати власний. 


![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ukr-2-2_wvngez.png)


# Додавання тіней до колонок та елементів колекції

1. Тепер ви можете додавати тіні до карток колекції. Для цього, перейдіть до вкладки **Стиль**, натиснувши на налаштування одного з елементів:



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

||| ${color}[#f97700](Важливо:) Додати тінь для елементів колекції можливо лише за умови, якщо для них було [встановлено фон або активовано пресети](https://help.weblium.com/uk/article/nalashtuvannya-elementiv-kolekciyi-4wu8qn/#3-zmina-fonu-elementiv). Якщо було обрано пресет “Багатоколірний” (окремий фон для кожного елементу колекції), то тінь буде застосовано лише до тих елементів, яким задано фон.

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

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

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


![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ukr_twxzar.png)
 Після усіх налаштувань не забудьте  [опублікувати сайт](https://help.weblium.com/uk/article/publikaciya-sajtu-16hom55/), щоб зміни відобразилися на живому сайті.