Add Spacing in Between Blocks

Add Spacing in Between Blocks

Adding padding between your site's content blocks or the top menu can make your site stand out.


Change padding between content blocks

1. Click on the Design tool in the gray navigation bar.

2. In the Design view, on the right side, select the page tab.

3. Select the content block you wish to add padding to.

Screen_Shot_2017-03-20_at_10.31.27_AM.png

4. Scroll down to the Container section.

5. Adjust the 'padding' section by adding a number value for the top, left, right or bottom areas.  This will add padding (in pixels) to that area of the content block's container.

Screen_Shot_2017-03-20_at_10.31.52_AM.png

Note: Please click here to learn how to adjust the padding globally (sitewide) between the top menu and the content on your pages.


    • Related Articles

    • Add or Remove Padding from the Navigation Menu

      There are two ways to add and remove the padding from the navigation menu, on a site-wide scale and on a page-by-page basis. To remove the padding on a sitewide level, follow these steps: 1. Select Design 2. Select Sitewide in the Design panel on the ...

    • Adjust the Container's Background Color/Opacity

      1. Select Design in the gray navigation bar. 2. Navigate to your desired page using your site's navigation 3. On the righthand side, select the "Page" tab 4. Select the block title that you're changing 5. From here, find the Container dropdown near ...

    • Set Content from Double-Spaced to Single-Spaced

      Most content is automatically set to double space by default. This setting can be overridden in the Design panel; follow these steps on how: 1. Select Design in the gray navigation var and navigate to your page. 2. Highlight your content and select ...

    • Fully Stretch Background Image/Images for Content Blocks

      You can add a fully stretched background to your content blocks by following these steps: 1. Select the Design tool in the gray navigation bar. Under the Sitewide tab in the design options on the right-hand side of the preview, select Styles. 2. ...

    • Add Parallax to Your Website

      Parallax is a visually appealing design attribute available for you to enable on your background images and patterns. There are two ways to currently set a photo to parallax. In this article, we will discuss both options: Option 1: 1. Select the ...