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

Related guides

How to create custom Javascript for a specific theme design

How to create custom CSS for a specific theme design

How to add Custom Fonts to your Theme Design

How to add or edit a custom class on a Page

How to add or edit a custom class on a Pod

Get started

Build your website

Join thousands of agencies, freelancers & businesses of all sizes worldwide who use uSkinned Site Builder for Umbraco to deliver results.

View demo Get started

Step 1

Start a free trial of Site Builder.

Step 2

Design

Tailor the look and feel with the Visual Designer to suit your brand.

Step 3

Create

Add content with built-in eCommerce and third-party integrations.

Step 4

Host

World-class and secure hosting backed by Microsoft Azure.