Your website starts with a default theme, but that is only a starting point. The Theme Editor lets you switch themes, recolor the site to match your brand, and adjust the layout — all with a live preview, so you can see exactly how each change looks before it goes live. Every theme is responsive, so your site looks great on desktops, tablets, and phones.

Permission required: Designer.

Open the Theme Editor

1. From your admin dashboard, go to Website > Design > Edit Theme.
2. Your website opens in a preview pane with the Theme Editor panel beside it. Use the device buttons at the top (phone, tablet, desktop) to preview how your site looks at different screen sizes.

Change your theme

1. In the Theme Editor, click Change Theme.
2. Click a theme in the list to preview it. The preview pane updates so you can see your own content in the new theme. Click the theme again to cancel the preview.
3. Use the back arrow to return to the main Theme Editor screen.

Customize your colors

1. In the Theme Editor, choose Customize Colors.
2. Click the Primary or Secondary swatch to choose which color you are editing.
3. Pick a color with the color picker, or type a hex value in the field. The preview updates as you go.
4. To go back to the theme’s original colors, click Reset to theme default.

Adjust the layout

Some themes let you choose a Layout Style:

• Fixed Width — content sits in a centered, fixed-width column on large screens. This suits most desktop visitors.
• Full Width — content stretches edge to edge to fill the whole screen.

This setting only affects large screens; smaller screens such as tablets and phones are unaffected.

Publish your changes

Everything you do in the Theme Editor is a preview — your live website is not affected until you publish.

1. When you are happy with your changes, click Publish changes at the top of the editor.
2. To throw away your pending changes instead, click Discard changes.

After changing your theme, review your Header Design. Header sizes differ between themes, so you may need to re-upload a header image so it fits the new theme correctly.