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

Changing Theme Colors 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.

 

Theme color:

  1. Begin by launching your website editor by choosing Edit Site.
    User-added image 
  2. Click on the Theme button at the top of the editor.
    User-added image
  3. Options to change colors will appear. You can choose between a light and a dark theme. When changing the color scheme from light to dark, it will affect the color of the text to contrast the background; most sections will change when switching from light to dark but some sections with background colors added will not change.
    User-added image
  4. If you would like to change individual colors, you may start by selecting the Color Tile you’d like to swap out.
    User-added image
  5. Then move the Slider Bar from right to left to get the desired color range.
    User-added image
  6. Next, you can click and drag the pointer inside the Color Window to select the shade you want.
    User-added image
  7. If you want to enter a HEX Code to get a specific color, you may do so by entering the code in the box provided labeled HEX.
    User-added image
  8. The drop-down next to the Hex box, offers more options. Ie. RGBA, HSVA The colors will automatically change on the site as you select them.
    User-added image
  9. If you are looking to select different colors altogether you can start by clicking the Explore Color Themes link.
    User-added image
  10. You can choose from the Minimal, Bright, or Pastel categories.
    User-added image
  11. If you would like to see more choices for color themes within these categories, you may select the Load More button, giving you endless color combinations. After finding the theme you want for your site, click your selection to apply the colors to your site.
    User-added image
  12. Once you have selected your color theme you will be able to select from these colors to change things like text, buttons, and section background colors.
  13. Once you are finished be sure to Save and Publish your changes to make them live.
    User-added image

Section color: 

If you need help changing your section background click Change section Background.