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

 

 

content-01-top-img
code-bracket HubScout

Fixed-Cost Unlimited 
HubSpot Development

More than a Service, Your Dedicated Design & Development Team!

stars-multiple-icon 13,354

HubSpot customers use our products