Bloc Padding

One of the most commonly used styling controls for Blocs are the padding controls. The padding controls let you set the space above and below the main content that is nested within the Bloc.

Applying padding

To set a Blocs padding, simple select the Bloc on the design canvas or via the layer tree and then navigate to the drop down option labelled Padding, found in the main sidebar inspector.

This drop down menu offers various padding options, ranging from none to full screen.

Full screen padding

The full screen Bloc padding option is the most unique option for a number of reasons. This padding option is typically used for headers or hero areas of a page. When applied, this option will force the Bloc to occupy the full height and width of the browser frame, in addition to this, it also offers two additional content areas that can be toggled on and off. These additional content areas appear at the top and bottom edge of the Bloc and are typically used for adding navigation menus.

Custom Padding

If you would like to add a custom padding to a Bloc, please view this dedicated knowledge base post.

Updated on 11th December 2018

Was this article helpful?

Related Articles