Our new mobile-friendly templates offer 12 stunning designs for you to choose from. During the setup process, you selected the theme you want for your site. You can customize it further by choosing your own background image if you want.

Note: If you’ve been using Top Producer Websites for a while and are using one of our older templates, check out this article for details on how you can make the switch to a new mobile-friendly website. Or, if you still want to use our legacy templates, click To customize your legacy template at the end of this article for details.

To change the background image on your mobile-friendly template:

1. From the main menu, click Edit Site > Change Theme.

2. Select the theme on the left that displays the color you want (for example, Capecod displays a red banner, while Capital displays blue).

3. Click Change image to upload your own image. For best results, images should be at least 1600px (w) x 1200px (h).

Change theme

4. When done, you can Preview your site > then scroll down to click OK and save the changes.

To customize your legacy template:

1. From the main menu, click Edit Site > Change Theme.

2. Make sure the design you want to customize is selected > then click Change Theme Category.

3. Click Customize Your Own Theme. There are four components of a theme you can customize:

  • Choose a Design: Allows you to choose from one of three designs.
  • Add a Banner: Each design has a different banner dimension. Click Add > Browse > upload your image > then click OK.
  • Colors
  • Font Settings: Allows you to change the font style and size for different headers, web boxes titles and menus on your website.2

4. Click the Preview link to view the changes > then click OK to save them.