How to adjust HubSpot section's spacing

The new drag-and-drop page editor has a built-in section spacing feature that allows us to add custom padding and margin.

padding-margin

This feature is especially useful when we're creating unique layouts and that require non-uniform spacing between elements. 

Here are the steps in using section spacing:

  1. In the page editor, hover over the section you're customizing its spacing for. 
  2. Click anywhere on the section or click the arrow icon next to the Section label, then click Style section.
    section-hover
  3. It will open a new sidebar panel, then click Alignment and Spacing dropdown. 
    alignment-and-spacing
    Toggle between Padding and Margin to open the different options.
  4. Save

 

 

Unlimited HubSpot Design + Development

Say goodbye to costly HubSpot projects, hiring unfit designers/developers, and time-consuming project quotation + invoicing.

Learn More