How to edit your Theme Design using the Visual Designer

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

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

#h5yr

Related guides

How to edit the Layout of your Theme Design

How to add or edit Colors in your Theme Design

How to edit the Spacing of your Theme Design

How to add or edit Google, Adobe and System Fonts in your Theme Design

uSkinned Site Builder for Umbraco lets you pick from over 25,000 web-ready fonts, including, Google, Adobe and System Fonts from easy to use interface

How to add Custom Fonts to your Theme Design

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.