1. Knowledge Base
  2. >
  3. Changing Section Colors

Changing Section Colors


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.


You can make changes to individual colors of an Element or Section relative to how you make other changes with the designer:
  1. To begin changing select colors of a section, start within your website editor.
    User-added image
  2. Next, click on the Section or the background of the section and ensure nothing else is selected. See the red target in the image below. There are no elements here, so clicking here will lead to step 3.
    User-added image
  3. Once you click the Section Background, the website builder will display two separate menus:
    User-added image
    • The orange Sections Menu.
    • The Advanced Settings Menu on the right.
  4. Optional: If the Advanced Settings Menu does not appear, click the Gear icon on the far-right of the Sections Menu.
    User-added image
  5. Choose Style from the Advanced Settings Menu.
    User-added image
  6. In this area, you can then change the Color, Picture, and Border style for just the selected section to your desired look.
    User-added image
Pro Tip: The Main Settings pop-up menus always have a heading of WHAT that pop-up is. In the example image above, you will see both the orange button menu and the right-hand pop-up say: Section A indicating that you are making changes to this section.