> 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/en/design/css-overriding.md).

# Overriding CSS for a block

You can apply custom CSS styles of any block on the page.

{% hint style="info" %}
You need to have basic knowledge of CSS (Cascading Style Sheets) to override styles.

We do not recommend applying CSS in order to override the design of elements on your site, as such overrides may stop working or work incorrectly after an update to the platform.
{% endhint %}

 How to override styles step by step:

* Go to the block settings. **Copy the anchor link** to the block.

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

* Go to the **Design** → **CSS Overriding**.

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

* Paste the copied link to the block. It will look like this — <https://site.com/page#section-1231234>. Remove everything before the `#` sign. Remain only the `#` **of the ID block**.

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