> For the complete documentation index, see [llms.txt](https://docs.wfolio.pro/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.wfolio.pro/site/design/overriding-css.md).

# Переопределение CSS для блока

Как узнать ID-блока и добавить к нему CSS

Вы можете задать индивидуальные CSS стили для изменения внешнего вида любого из блоков на странице.

{% hint style="info" %}
Для переопределения стилей необходимы базовые знания каскадных таблиц стилей (CSS).

Мы не рекомендуем вносить изменения в дизайн сайта с помощью переопределения стилей, так как такие переопределения могут перестать работать или работать некорретно после обновлений на платформе.
{% endhint %}

### Как переопределить стили

* В настройках блока кликните на `#section`, чтобы скопировать ссылку на блок.

<figure><img src="https://content.gitbook.com/content/y2GDJrtoXVMA0LiLQrvz/blobs/Qy9I2grp8bciVCUzc3BE/get%20anchor%20link%20ru.png" alt=""><figcaption></figcaption></figure>

* Перейдите в раздел **«Дизайн»** → «**Переопределение CSS**».

<figure><img src="https://content.gitbook.com/content/y2GDJrtoXVMA0LiLQrvz/blobs/BNCbJCMslwNDaytmKEvN/design%20css%20override%20ru.png" alt=""><figcaption></figcaption></figure>

* Вставьте скопированную ссылку на блок. Ссылка выглядит так: `https://site.ru/page#section-1231234`. Удалите из нее все до знака `#`. **Оставьте только #ID-блока**, он начинается с `#section`.
* В фигурных скобках `{}` добавьте стили, которые вы хотите переопределить. Например, чтобы установить свой цвет для текста в блоке.

<figure><img src="https://content.gitbook.com/content/y2GDJrtoXVMA0LiLQrvz/blobs/I8YR68Ix2iAGshB5EskP/css%20override%20ru.png" alt="" width="563"><figcaption></figcaption></figure>