How to edit the Layout of your Theme Design

Step 1

Login to the CMS.

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.

Control your full layout in Umbraco CMS.

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

Control the header layout of your Theme Design in Umbraco CMS.

 

Well done #h5yr! 

Step 1

Login to the CMS.

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.

Control your full layout with Visual Designer in Umbraco.

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. 

Control your header design with Visual Designer in Umbraco.

Step 6

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

 

Well done #h5yr!

Get started today

Join thousands of agencies, freelancers, enterprises & start ups worldwide who use uSkinned Site Builder for Umbraco to deliver results.

Award Winning!

uSkinned Site Builder for Umbraco CMS just won an Umbraco Award.