Atomic Theme Documentation

Section Spacing

A section isn't complete without paddings and margins, and the new HubSpot page editor offers the option to customize them.

In each section's Alignment and Spacing option, you'll find:

atomic-section-spacing

1. Content Alignment

  1. Content Center:
    Set a custom container's size that overwrites the theme's default container.

    atomic-center-conten

  2. Full Width:
    Removes the section's container.

2. Padding and Margin

atomic-section-padding-margin

Customize each section's padding-top, left, right, bottom and margin-top, left, right, bottom.

The value set is applied to all screen sizes. Currently, there is no option to specify a custom value for mobile or desktop only.

 

Have a Question?

Get in touch with our team
support@giantfocal.com