How to edit the Layout of your Theme Design

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 'Layout' tab.

The 'Layout' tab offers settings to configure the layout of your Theme Design, including, Header, Navigation, Icons, Decoration, Links, and Miscellaneous.

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 'Layout' tab.

The 'Layout' tab offers settings to configure the layout of your Theme Design, including, Header, Navigation, Icons, Decoration, Links, and Miscellaneous.

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'.

Well done #h5yr!

#h5yr

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

Go Live

You can host on Azure with us or choose your own with the self-hosted license.