1. Knowledge Base
  2. >
  3. Changing Theme Design in the Express Editor

Changing Theme Design in the Express Editor

This content only applies to Gator Website Builder hosting plans which are accessible by going to app.gator.com.

For more articles, check out the HostGator Gator Website Builder category
or directly access the Gator Knowledge Base.

To change the design of your Theme

The Theme button is the starting point to changing the overall look of your website. 

  1. Begin by launching your website editor and choosing Edit Site.
    Edit Site
  2. Go to the Theme tab on the Left-Hand side of the editor.
    Theme Tab

Changing Color

Your first option will be to change colors. For more information on changing colors, see: Changing Colors of the Site in Express Editor.

Change colors

Fonts

  1. To toggle through the different font options, select Fonts.
    Font options
  2. You will have the option to change the font size between Small, Medium, and Large.
    Change Font size
  3. You will also have the option to change the font style; you can select Presets or Custom.
    Preset or Custom Fonts
  4. If you choose Presets, it will keep the site consistent and change all the fonts accordingly.
    Preset Font
  5. If you choose Custom, you can change the title and paragraph font.
    Custom Font

Changing Animations

Your next option will be to turn the animation for your site on and off. For more information on animations, see Animations in Express Editor

Changing Animations

Changing Alignment

To change the alignment in certain sections, depending on the theme of the section, you can elect to have a photo on one side and text on the other; or you can toggle between left, center, or right orientations that will change the location of the text within that section. For more information on alignment. check out: Alignment in the Express Editor

Changing Alignment

Store, Blog, and Booking Tool

When you change the theme of your website from Express Editor, the Store, Blog, and Booking page themes are included!

Example Store page:

Example Store page

Example Blog Page:

Example Blog Page

Example Booking Page:

Example Booking Page