Ask AI

Application Theme

Configuring your app’s theme.

Theme section
Theme section

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) if needed.

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
Changing font size in Block Settings

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.

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

Advanced section
Advanced section

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
The process of configuring the Theme
Did this answer your question?
😞
😐
🤩

Last updated on December 6, 2022