> ## 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-классов к элементам

Вы можете добавить вплоть до 5 значений атрибута **class** почти к каждому элементу на вашем сайте. С помощью CSS-классов можно осуществлять необходимые вам изменения элементов путем добавления CSS-кода.

| ${color}[#1aa900](Подсказка:) вы можете добавить необходимый вам CSS-код с помощью [данной инструкции](https://help.weblium.com/ru/article/dobavlenie-koda-css-na-sajt-1rza0ti/). Добавление кода доступно только для сайтов с платными подписками.

${youtube}[Добавление CSS-классов к элементам | Конструктор сайтов Weblium](eECADc7NHpU)

# Добавление CSS-классов
Вы можете добавить CSS-классы в большинство элементов на вашем сайте: кнопки, изображения, иконки, текст, меню сайта, контактные формы и т.д. Для этого выполните следующие действия:
1. Откройте настройки нужного элемента. Примеры открытия настроек:

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

2. Перейдите во вкладку **Продвинутые** и введите необходимое имя класса для элемента в поле раздела **Имена CSS-классов**:

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

||| ${color}[#f97700](Важно:) каждый CSS-класс должен начинаться с перфикса "wl-" (без кавычек). Это необходимо, чтобы отличить ваши собственные классы от используемых нашей платформой.
|| ${color}[#ffa800](Примечание:) минимальная длина имени класса — 4 символа (вместе с префиксом "wl-"), максимальная длина — 25 символов.

3. Вы можете добавить больше CSS-классов к элементу с помощью кнопки **Добавить класс**:

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

|| ${color}[#ffa800](Примечание:) можно добавить максимум 20 CSS-классов к одному элементу.

4. Готово. Теперь вы можете использовать этот CSS-класс во время [добавления собственного кода](https://help.weblium.com/ru/article/dobavlenie-sobstvennogo-koda-na-sajt-11nxfg1/) на ваш сайт. Пример:

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

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

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