Understanding themes

How to create and manage site themes

Morgane Gugenheim avatar
Written by Morgane Gugenheim
Updated over a week ago

In Zoomforth, a theme defines the styles of the logos, colors, fonts, spacing, and more that appear on your site. Themes allow your company to maintain a cohesive brand aesthetic across all of your sites.

In Zoomforth, a theme defines the styles of the logos, colors, fonts, spacing, and more that appear on your site. Themes allow your company to maintain a cohesive brand aesthetic across all of your sites.

Zoomforth provides a number of professionally designed themes with each account that can be applied to your sites. Designers have the ability to modify or create their own custom themes through our theme builder.

One theme can be applied to many sites. When a theme is updated it will immediately change the appearance of all the sites associated with it.

Themes are created using CSS stylesheets. To create and modify a theme you will need to understand CSS. You do not need to know CSS to change which theme is applied to which site.

Working with Themes

To work on themes, open the left sidebar and click on Themes. You will see a list of themes for your account and a number of options for working with them.

Creating New Themes

Creating a new theme allows you to start from scratch and set all of your themes styles manually. It gives you complete control of the colors and settings from the very start. In order to create a new theme:

  1. Click the +Create New Theme button on the top of the Themes dashboard.

  2. Set a title and description of the theme.

  3. Click Create to save and enter the theme editor.

Once you are done creating the theme you will find it in the Themes dashboard. If you would like us to create a custom theme for you please contact support@zoomforth.com for more details on the process of creating themes.

Copying Existing Themes

There are many workflows you can follow when working with your themes. One approach is to use one of your existing themes as a base for your custom theme. You can refer to this article for more details.

Editing Themes

To edit a theme:

  1. Hover to the theme from the Themes dashboard.

  2. Click the Edit button on the right side of the theme.

  3. Make your changes in the theme editor window.

One thing to keep in mind is when you edit a theme those changes will be made on ALL sites that are using the theme. Make sure you look at the list of sites in the theme dashboard or theme editor window so you can be sure that you are only affecting the sites you want to.

Setting a Default Theme

If you are working on a particular brand for your sites and want to ensure that all new sites use the same theme then you should set your theme as the default. To do this:

  1. Find the theme you want to use as the default.

  2. Select the theme and on the right side click the More button

  3. Click Set as default for new sites in the menu.

You should now see a Blue Star icon on your theme tile which means that it is the default. Now, whenever you create a new site it will use this theme.

Remember that existing sites that already have a theme set will need to be changed manually if you want to use this theme for them too.

Hiding Old or Unfinished Themes

For themes that are no longer used or that should not be used, Zoomforth offers the ability to hide them. Hiding a theme still allows you to edit and copy it but will not allow you to set it as a default or select it for your sites. In some workflows, it may also make sense to “hide” a theme until it is ready to be used in sites.

Either way, you can easily hide a theme by:

  1. Find the theme you want to hide.

  2. Select the theme and on the right side click the More button

  3. Click Hide from site editor in the menu.

You will notice hidden themes will have the Red Eye icon and Hidden tag on it.

Did this answer your question?