Skip to content
Pages

How to adjust HubSpot section's spacing

Padding and margin can be applied to specific sections within a page to give the section a unique look. Learn how to use the section styles tool to customize a section's padding and margin.

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

 

 

Was this guide helpful?

One click — we read every signal and tighten what's confusing.

Thanks — noted
HubCrafted · subscription HubSpot team

Your portal backlog outruns your team. HubCrafted clears it.

HubCrafted is your HubSpot team on subscription. Pages and landing pages, custom modules and themes, email and sequences, workflows, reports, integrations. One active task at a time, unlimited queue, unlimited revisions. One flat monthly fee, no project SOWs, no hourly meter. Built for in-house teams on HubSpot Pro or Enterprise who won't staff a full-time HubSpot developer.

From $2,950 / month Pause anytime Async + Loom