---
description: Bring some customization to your text notes and titles
---

# Formatting Styles

The Editor is ready to accept customization qualities into any text you write. That even includes parameter values with text, like the Artist & Song.

## Editor formatting styles <a href="#editor-formatting-styles" id="editor-formatting-styles"></a>

Here are the elements available when customizing your texts:

* **Bold** ⇾ `<b>yourtext</b>`

<sup>_The bold element brings a strong tone to your texts._</sup>

{% columns %}
{% column %}
<figure><img src="https://484108807-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fipb5NkFjq0eBOIGewqlQ%2Fuploads%2FxcAkigRWk0OOVudhI54H%2Fimagem.png?alt=media&#x26;token=8e3d3247-7b47-4212-8b52-7f6c3a1ace1f" alt=""><figcaption></figcaption></figure>
{% endcolumn %}

{% column %}
<figure><img src="https://484108807-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fipb5NkFjq0eBOIGewqlQ%2Fuploads%2FwiPdBxoip6lMU1PnBmVR%2Fimagem.png?alt=media&#x26;token=102f1f84-d25b-4f20-b92a-28d878454ad9" alt=""><figcaption></figcaption></figure>
{% endcolumn %}
{% endcolumns %}

***

* _Italic_ ⇾ `<i>yourtext</i>`

<sup>_The italic element slight inclines your texts to the side._</sup>

{% columns %}
{% column %}
<figure><img src="https://484108807-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fipb5NkFjq0eBOIGewqlQ%2Fuploads%2F86vFslG7ku6KSBCu63b9%2Fimagem.png?alt=media&#x26;token=3fb879dc-fc6f-4dd8-b3b0-36fb3d1c340e" alt=""><figcaption></figcaption></figure>
{% endcolumn %}

{% column %}
<figure><img src="https://484108807-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fipb5NkFjq0eBOIGewqlQ%2Fuploads%2FSB7KqiDEVoGpWopRLj7s%2Fimagem.png?alt=media&#x26;token=c6eb793d-021f-481f-a2ab-472a40bfecb9" alt=""><figcaption></figcaption></figure>
{% endcolumn %}
{% endcolumns %}

***

* <mark style="color:orange;">C</mark><mark style="color:green;">o</mark><mark style="color:purple;">l</mark><mark style="color:red;">o</mark><mark style="color:blue;">r</mark> ⇾ `<color=red>yourtext</color>` or `<color=004400>yourtext</color>`

<sup>_The color element gives some tint into your texts. It can also play with the hue of colors._</sup>

{% columns %}
{% column width="50%" %}
<figure><img src="https://484108807-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fipb5NkFjq0eBOIGewqlQ%2Fuploads%2FqEYW5NY9vYRJJNdP41jr%2Fimagem.png?alt=media&#x26;token=e5d1b0da-7cd5-465b-b8fb-e433fb004c1a" alt=""><figcaption></figcaption></figure>





<figure><img src="https://484108807-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fipb5NkFjq0eBOIGewqlQ%2Fuploads%2FpVnIEzCF6b72gaUPfJmS%2Fimagem.png?alt=media&#x26;token=0cef5a4b-63e9-44bb-a09c-0c932e169c4d" alt=""><figcaption></figcaption></figure>
{% endcolumn %}

{% column %}
<figure><img src="https://484108807-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fipb5NkFjq0eBOIGewqlQ%2Fuploads%2Fw1TOi93H2fkQ0iinnndL%2Fimagem.png?alt=media&#x26;token=cfd56fbf-4c45-42ff-ad82-aa8e9d9a2113" alt=""><figcaption></figcaption></figure>

<figure><img src="https://484108807-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fipb5NkFjq0eBOIGewqlQ%2Fuploads%2Fo1UfQ2D6y3J1ScalWOJ2%2Fimagem.png?alt=media&#x26;token=54cb1bd5-ce1d-481f-9a5a-2249b1154469" alt=""><figcaption></figcaption></figure>
{% endcolumn %}
{% endcolumns %}

{% hint style="info" %}
To know more about color hex values and the default colors, check the [Color and Alpha Styling](../event-skillful-formatting-and-showcases/decoration-and-text-creative-format/color-and-alpha-styling) Page.
{% endhint %}

***

* S<sup>ize</sup> ⇾ `<size=0>yourtext</size>`&#x20;

<sup>_The size element transforms your text into any width you need._</sup>

{% columns %}
{% column %}
<figure><img src="https://484108807-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fipb5NkFjq0eBOIGewqlQ%2Fuploads%2F1t9CLzz6KB6dTYUDIhNH%2Fimagem.png?alt=media&#x26;token=2b6c6c1a-cbd1-4efe-a3c5-0594262b8043" alt=""><figcaption></figcaption></figure>
{% endcolumn %}

{% column %}
<figure><img src="https://484108807-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fipb5NkFjq0eBOIGewqlQ%2Fuploads%2FAzRM2O0WNqMHbf9vlf4p%2Fimagem.png?alt=media&#x26;token=c786d934-1a51-462a-ad78-ca7c6dd02621" alt=""><figcaption></figcaption></figure>
{% endcolumn %}
{% endcolumns %}

***

{% hint style="warning" %}
_To make changes to the entire level title, make sure to start the tag <mark style="color:purple;">**before**</mark> the artist's name and close the tag <mark style="color:purple;">**after**</mark> the song's name_
{% endhint %}
