How to edit the Spacing of your Theme Design

Step 1

Step 2

In the tree menu on the left-hand side, go to 'Designs'.

Step 3

Click on the 'Design' you wish to use. Or, create a new 'Design'.

Step 4

Go to the 'Spacing' tab.

Step 1

Step 2

Go to any page in the tree menu. For example, click on the 'Home' page.

Step 3

In the bottom right, click 'Save and Preview'. Preview mode will now load in a new tab or window.

Step 4

On the right-hand side, you will see two buttons. One with a Paint Bucket icon and the other a Pencil icon. Click on the 'Paint Bucket' icon to access the Visual Designer.

Step 5

In the slide-out panel, go to the 'Spacing' tab.

The 'Spacing' tab offers settings to configure the padding, margins, borders, and more of your Theme Design, including, Site, Header, Logo, General, Components, Forms, and Buttons.

Step 5

Using the expand/collapse controls you can delve into each area make adjustments to suit your Theme Design and watch the changes appear in real-time on the left-hand side.

Step 6

Once you're happy, 'Save and publish'.

Step 1

Step 2

In the tree menu on the left-hand side, go to 'Designs'.

Step 3

Click on the 'Design' you wish to use. Or, create a new 'Design'.

Step 4

Go to the 'Spacing' tab.

The 'Spacing' tab offers settings to configure the padding, margins, borders, and more of your Theme Design, including, Site, Header, Logo, General, Components, Forms, and Buttons.

Step 5

Using the expand/collapse controls you can delve into each area make adjustments to suit your Theme Design.

Step 6

Once you're happy, 'Save and publish'.

#h5yr