> For the complete documentation index, see [llms.txt](https://rosea.gitbook.io/universe-moodle-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://rosea.gitbook.io/universe-moodle-theme/demo-content/front-page-blocks/advanced-options/custom-css-field.md).

# Custom CSS field

Each block has got Custom CSS field on the end. Learn how to use it properly.

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

<mark style="color:green;">**Do:**</mark>

* add CSS properties like color: #000, text-align: left;&#x20;

<mark style="color:red;">**Do not:**</mark>

* add a classes
* add SCSS variables
* add style=""
* add class =""
* add id =""
* etc.
