1. Knowledge Base
  2. >
  3. Results
  4. >
  5. Article

WebsiteBuilder: How to Change Your Theme Design

NOTE: We offer two different versions of WebsiteBuilder. Our original implementation of the builder is the Classic Editor, while WebsiteBuilder Express Editor is the newest interface commonly found in the Foundation dashboard. It is not possible to upgrade a Classic Builder site to the Express Editor. The site will need to be recreated with the Express Editor. All new WebsiteBuilder installations will be the Express Editor.

In this article, we have provided two sets of instructions for each editor. Follow the instruction set that matches your WebsiteBuilder version.

How to check if I have Classic Editor or Express Editor? 

WebsiteBuilder Classic WebsiteBuilder Express Editor

WebsiteBuilder Legacy

WebsiteBuilder Express

 


How To's:

 

How to launch WebsiteBuilder?

  1. Log in to your Domains Dashboard.

    Domains Dashboard
  2. Click the domain name where you have your WebsiteBuilder configured.

    List View
  3. On the left pane, click WebsiteBuilder, under Site Builders.
    WebsiteBuilder
  4. Click Manage / Manage Site. This action will open your WebsiteBuilder screen in a new tab.
    WebsiteBuilder Classic WebsiteBuilder Express Editor

    WebsiteBuilder Classic

    WebsiteBuilder Express

 

 

WebsiteBuilder Classic Editor: How to Change Your Theme Design

  1. From the left pane, click Design.

    Click design
  2. Use the panel on the left to change the overall look of your website.
    Design applet
    This will allow you to change the theme color, fonts, and text style.

 

WebsiteBuilder Express Editor: How to Change Your Theme Design

  1. Click the Theme tab.

    Theme tab
  2. Use the panel on the right to change the overall look of your website.
    Theme Panel
    This will allow you to change the theme color to either light or dark, and choose the accent color and font style.


Fonts

To toggle through the different font options: 
  1. From the Theme panel on the right, click the Fonts tab.
    Theme Font
  2. Here, you can change the font size to either small, medium, or large.
    Theme Font Size  
    You can also use either the Presets or Custom styles.
    Font Styles
    The Preset option will keep the site consistent and change all the fonts accordingly,
    while the Custom option allows you to change the title font and the paragraph font. 
yieldmanager

Thanks for visiting! Since you landed on this page of our website, we wanted to let you know you visited one of our paid endorsers while researching your purchase. close