How to edit your Theme Design using the Visual Designer

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

Use the options on each tab: Layout, Colors, Spacing and Fonts, to create a unique Theme Design in real-time.

Step 5 a — Layout

Step 5 b — Colors

Step 5 c — Spacing

Step 5 d — Fonts

Get started today

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

NEW Site Builder!

We have launched a brand new, game-changing product for Umbraco CMS.