Skip to main content

Spacing Settings

In the most outer file of the block, By default, each block has sensible (typically 75px) padding top and bottom values for the default padding settings.

Per the requirements of the design file, the default paddings can be overwritten by changing the o-block--padding-top-default and o-block--padding-bottom-default to Tailwind CSS class(es) in the lines in the codebox below. Each line is for the top or below block padding.

Changing the default paddings is typically not recommended as it can cause blocks on the site to look vertically uneven.

    {% set section_classes = block_padding_top == 'default' ? section_classes|merge([ 'o-block--padding-top-default' ]) ? section_classes|merge([ 'o-block--padding-top-' ~ block_padding_top ]) %}

{% set section_classes = block_padding_bottom == 'default' ? section_classes|merge([ 'o-block--padding-bottom-default' ]) ? section_classes|merge([ 'o-block--padding-bottom-' ~ block_padding_bottom ]) %}