Ця стаття також доступна на:

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

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

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

Примітка: Нині тіні можна застосувати до таких елементів: Фігура, зображення, елементи колекції та колонки.

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

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

Підказка: на скриншоті вище відображено відкриття налаштувань елементу “Фігура”, але для зображень застосування тіні відбувається аналогічним чином шляхом натиску на кнопку “Налаштування зображення“.

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

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

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

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

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

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

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

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

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

Важливо: Додати тінь для елементів колекції можливо лише за умови, якщо для них було встановлено фон або активовано пресети. Якщо було обрано пресет “Багатоколірний” (окремий фон для кожного елементу колекції), то тінь буде застосовано лише до тих елементів, яким задано фон.

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

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

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

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

Оновлено: 25/03/2024

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

Дякуємо!