> 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 для блока

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

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

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

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

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

<figure><img src="/files/4WqcghBTYXkxLPvYglOB" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/pSq5C56n3zoS5tpjeLI1" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/mKAUgs9z3zqg8cSnh7ds" alt="" width="563"><figcaption></figcaption></figure>
