# Theme

![Theme section](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0NiyhsmXAcV5u1c6XK%2F-MfmsFjqsZOubA65mpKS%2F-MfmsoEr14w5SWR-QhJC%2FTheme-b.png?alt=media\&token=22f2a673-92c3-49ee-bfbe-d5b6ac94e1b7)

In the **Theme** section, you can set the default styles and colors for all the building blocks and then customize them for each block separately (from block’s [Styles and Colors settings](https://softr.gitbook.io/softr-documentation/building-blocks/general-block-settings#styles-and-colors)) if needed.&#x20;

First comes the **Base Text Size**, which will correspond to the **“m”** size in the individual text field settings. For instance, if you've selected the **Base Text Size** as "16px", the **"m"** **Text Size** in block settings will correspond to 16px, and the other sizes ("s," "l," and so on) will work accordingly.

![Changing font size in Block Settings](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0NiyhsmXAcV5u1c6XK%2F-MVbIanoIFBJg9GOX9VW%2F-MVbO_YEQYbfRnKEhmsg%2FPeek%202021-03-12%2020-56.gif?alt=media\&token=caef7e67-17b1-4c5c-8335-9e691fd80d9c)

Next you can set the default **Font Family**, **Font Weight**, and **Color** for your Header (titles) and Body (subtitles and the rest).

Further on, you can set the default **Text Size**, **Text Color**, and **Background Color** for your **buttons**.&#x20;

Finally, we have the **Advanced** section, where you can set the **Website width**.

![Advanced section](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0NiyhsmXAcV5u1c6XK%2F-MfmsFjqsZOubA65mpKS%2F-MfmtaIWaLYf7zSo0mgd%2Fadvanced-b.png?alt=media\&token=04505e7c-739d-4b01-9e95-e70997a08a47)

You can set the width to **Fixed** (controlled by you), **Full** (to occupy the full width of the screen), or define a **Custom width** (should be at least 1140px).

![The process of configuring the Theme](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0NiyhsmXAcV5u1c6XK%2F-Mfmthqomi3qdsqz0-si%2F-MfmvABBxTtXlaWzrTxH%2Fconfiguring-theme.gif?alt=media\&token=cc5f8bf7-7a65-4643-92af-c24b3084d0fe)
