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

Changing Section Colors

 

- GATOR WEBSITE BUILDER CONTENT -

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.
    start within your website editor
  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.
    click on the Section or the background of the section
  3. Once you click the Section Background, the website builder will display two separate menus:
    click the Section Background
    • 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.
    click the Gear icon
  5. Choose Style from the Advanced Settings Menu.
    Choose Style from the Advanced Settings Menu
  6. In this area, you can then change the Color, Picture, and Border style for just the selected section to your desired look.
    change the Color, Picture, and Border style
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.