With the release of version 3.2, styling blocks became much more straightforward. Clicking on any block in your template or by right clicking the block and selecting styles will open the block styles panel on the right hand side of the screen.
Here you can find pretty much every option you will need to customise the look and feel of your blocks. The block styles are split into several key parts and the most common are:
Layout
The layout subsection will be available for any block that can have content. It allows you to specify the layout of the blocks content, from rows, grids and columns.
Size
Size is used for controlling the size of your block within the template.
Style
Style contains the most common styling options for your blocks. It allows you to set things like background colours, borders, opacity and radius.
Spacing
Spacing allows you set custom padding and margins. Quick presets are available or you can also custom each option individually.
Styling for dark mode
Every block is designed to look great in dark mode out of the box but if you want to make specific changes for when the template is viewed in dark mode you can.
Next to each style subsection there is a small dark / light mode toggle, click this will switch the mode you are editing for. Once in dark mode, styles set will only display when the template is viewed in dark mode.
