1. Help Center
  2. Using the B12 Editor

Adjusting section spacing and padding

Learn more about adjusting section spacing and padding in the B12 editor.

me-webp-May-22-2025-10-46-54-0896-PM

Written by: Madeline B.

Last updated: 30th June 2025

Adjusting the spacing between sections or within a section helps improve the readability and layout of your website. You can use the B12 editor’s built-in controls to increase or decrease padding, margins, and alignment to better match your brand’s style or fit more content on the page.

Follow the steps below to adjust section spacing and padding.

1. Log into your B12 editor

2. In the left-hand editing panel, click Website > Pages

             Screen Shot 2025-06-25 at 7.53.53 AMScreen Shot 2025-06-25 at 7.54.01 AM

3. From the left-hand editing panel, select the page with the section you want to update

Screen Shot 2025-06-25 at 7.54.12 AM

4. Scroll to the desired section and click it. The section’s editable settings will appear in the left-hand panel.

5. On the left-hand editing panel to the section labeled Section accents

Screen Shot 2025-07-01 at 5.09.17 PM

6. Adjust top and bottom padding by checking the boxes under Section accents

Screen Shot 2025-07-01 at 5.09.45 PM

8. Preview and publish your changes

Click Preview to review how your updated layout looks. When you’re happy with the spacing, click Publish to go live.

Get in touch with support for further assistance!
If you need help using the B12 editor, click the Chat button in the lower-right corner of your screen to talk to a live agent during support hours, or email hello@b12.io.