As well as setting the margin and padding of a Bric element with custom classes and freehand. Blocs also offers a set of controls that enable the use of the Bootstrap Framework spacing utilities. The spacing utilities are a simplified set of pre-defined values for both margin and padding.

Apply Spacing

The spacing controls can be found in the sidebar inspector, under the section labelled Spacing.

There are two sets of controls, one for margin and one for padding. Each set of controls consists of four separate controls for each edge of an element (top, bottom, left and right) and each edge control has seven preset values that can be selected.

To apply spacing to an element, simply select one of the options from the segmented control that is above zero.

Apply Spacing on all Breakpoints

The spacing controls set the spacing for an element on the current breakpoint and all breakpoints above it. To apply the spacing to all breakpoints above and below, hold the key and make a selection.

Remove Spacing

To remove spacing from the edge of an element, simply select the first option from the segmented control, that is relevant to that edge.

Beginners Tip

Please note, this may not remove spacing if it is inherited from another source such as a custom class.

Clear Spacing

To clear the spacing of an element on the current breakpoint, select 0 from the segmented control. This will set the spacing to zero for the current breakpoint.

Updated on 30th November 2022

Was this article helpful?

Related Articles