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

# Додавання CSS-коду на сайт

На Weblium ви можете змінити стиль елементів сайту за допомогою власного CSS-коду. Наші інструменти дають вам можливість розмістити свій код на певній сторінці або на всьому сайті.

||| ${color}[#f97700](Важливо:) ця опція доступна лише для сайтів із платними підписками.
| ${color}[#1aa900](Підказка:) ви можете дізнатися як додати CSS-класи до елементів вашого сайту в [цій інструкції](https://help.weblium.com/uk/article/dodavannya-css-klasiv-do-elementiv-14y89t9/).

### Додавання CSS на певній сторінці

1. Відкрийте галерею блоків і виберіть блок **Вбудований код**, щоб розмістити свій код на певній сторінці:

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

2. Потім наведіть на блок курсором миші та натисніть на «шестерню»:

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

3. У новому вікні вставте необхідний код у вкладку **CSS** і натисніть **Зберегти**:

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

4. [Опублікуйте сайт](https://help.weblium.com/uk/article/publikaciya-sajtu-16hom55/), щоб застосувати зміни.

### Додавання CSS на сайт

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

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

2. Перейдіть до розділу **CSS** і вставте туди свій код:

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

3. Натисніть **Зберегти** та [опублікуйте сайт](https://help.weblium.com/uk/article/publikaciya-sajtu-16hom55/), аби зміни відобразилися на ньому.

| ${color}[#1aa900](Підказка:) перегляньте статтю про [Додавання стороннього коду на сайт](https://help.weblium.com/uk/article/dodavannya-vlasnogo-kodu-na-sajt-1xn3zwp/), аби дізнатися, як додати інші види кодів на сайт.