GoDaddy Support

Changing Background and Colors with Website Builder v7

Date Submitted: 6/2/14

NOTE: This article is for Website Builder version 7. Your version displays at the top of the screen when you log in to your Website Builder account. Not using version 7? Search for Website Builder version 6 articles.

Changing your website's background and colors is like changing a room's flooring and paint; it can increase visual appeal. With Website Builder v7, you can change the background and colors of your website.

To Change Website Background and Colors with Website Builder v7

  1. Log in to your Website Builder account.
  2. Click anywhere on your website's background, and then select Background.
  3. From the Properties: Site Background window, change any of the following options:
    • Color — Click the color picker, and then select the color you want to use. If you want your background to transition between multiple colors, select Gradient.
    • Image — To change your website's background to an image, click Change, and then upload an image from your computer or select a stock image. You can also import an image from your Facebook® or Instagram® account. For more information about images, see Adding and Editing Images with Website Builder v7.
    • Alignment — Click the arrows to obtain the position you want for your background image.
    • Repeat — To pattern your background image vertically, horizontally, or both, from the drop-down menu, select how you want your background image to repeat.
    • Scrolling — To scroll the background image with your page, select Scroll background with page.
  4. When you're finished making changes, click Save.

To Change Page Settings with Website Builder v7

  1. Log in to your Website Builder account.
  2. Click anywhere on your website's background, and then select Page Settings.
  3. From the Properties: Page Background window, change any of the following options:
    • Width — Use the scroll bar to increase or decrease the width of your page, or enter a dimension.
    • Height — Use the scroll bar to increase or decrease the height of your page, or enter a dimension.
    • Top position — Use the scroll bar to increase or decrease the position of your Web page from the top of the screen, or enter a dimension.
    • Color — Click the color picker, and then select the color you want to use.
  4. When you're finished making changes, click Save.

To see your changes online, you must publish your website.

For more information about Website Builder v7, see Designing Pages with Website Builder v7.

Rate This Article:
NEED HELP? Call our award-winning support team 24/7 at (480) 505-8877

About GoDaddy

Submit

United States - English
Traffic Log Image