Removing padding from the top or bottom of a section

Follow these steps if you want to reduce the empty space (padding) at the top or bottom of a section.

jay_d2-1572877644-modified
Written by Jay Douglas
Last Updated: 23 October, 2024
Proceed with caution. These instructions are for advanced users.

 

Every section includes some empty space at the top and bottom to avoid overcrowding your content. You can adjust the default spacing on a sitewide level or you can adjust the padding for an individual section layout.


If you'd like to reduce the empty space for every section on your site, we recommend adjusting your sitewide theme settings. To adjust sitewide padding, follow these steps.

 

To adjust the padding for a single section, follow these steps:

1. Enable expert mode.

2. Click to edit the section that you want to adjust.

3. In the left pane below the Change layout button, click the text customize it manually.

4. To adjust the padding at the top of the section, click on the first row in the layout tree (Row 1).

5. Change the Top Padding drop-down from large (default) to small or none.

Tip: If the layout has only one row, you can also adjust the Bottom Padding from here. If the Bottom Padding is already set to none, proceed to the next step.

6. To adjust the padding at the bottom of the section, if the layout has more than one Row click Customize layout to return to the layout tree.

7. Click the last row in the layout tree. (Example: Row 4)

8. Change the Bottom Padding drop-down from large (default) to small or none.