> ## 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/ru/article/dobavlenie-elementa-figura-bhyj1m/), [изображение](https://help.weblium.com/ru/article/dobavlenie-izobrazhenij-sho3qb/),  [элементы коллекции](https://help.weblium.com/ru/article/nastrojki-elementov-kollekcii-7pzjpm/) и [колонки](https://help.weblium.com/ru/article/upravlenie-elementami-cwl3pb/#3-dobavlenie-kolonok-v-blok).

# Добавление тени к фигурам и изображениям 

1. Откройте настройки нужного вам элемента, нажав на шестерню:

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

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


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


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

Далее вы сможете отредактировать внешний вид тени с помощью следующих настроек:

* **Положение тени по оси Х (по горизонтали)**. Увеличьте числовое значение в этом поле, чтобы переместить тень в правую сторону, и соответственно уменьшите, чтобы переместить в левую.

* **Положение тени по оси Y (по вертикали)**. Увеличьте числовое значение в этом поле, чтобы переместить тень вверх, и соответственно уменьшите, чтобы опустить ниже.

* **Размытие**. Увеличение значения этого поля сделает тень более плавной. 

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

* **Цвет тени**.  Вы можете либо выбрать цвет из вашей палитры сайта, либо указать собственный. 


![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/russ-2-2_1nn6c9m.png)
# Добавление теней к колонкам и элементам коллекции

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


![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ros-korekt-1_r41ioq.png)

||| ${color}[#f97700](Важно:) Добавить тень для элементов коллекции возможно только при условии, если для них был [установлен фон или активированы пресеты](https://help.weblium.com/ru/article/nastrojki-elementov-kollekcii-7pzjpm/#3-izmenenie-fona-punktov-kollekcii). Если был выбран пресет  “Многоцветный“ (отдельный фон для каждого элемента коллекции), то тень будет применена только к тем элементам, которым задан фон.

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

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

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



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

После всех настроек не забудьте [опубликовать сайт](https://help.weblium.com/ru/article/publikaciya-sajta-1xvrq6l/), чтобы изменения отобразились на живом сайте.