> 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="https://3552108913-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRaXSyla3bpyuFdF1n0Yo%2Fuploads%2FXiva2HAUa6ko67CVZDTY%2Fcustom%20CSS.png?alt=media&amp;token=a8a20415-8802-4cb3-9631-2ec939b4b642" 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.