Atwill Media

Website Appearance

Here you can change the visual appearance of your website, such as colors, background, header image and more. The window is divided into 3 sections: Colors and Patterns, Text Options, and Header Options. To get to the appearance options, select Site Tools on the right side of your Toolbar, then select Edit Website Appearance, the first option in the Site Tools menu.

Website Appearance: Color

This is where you can adjust the colors for different aspects of your website, including the background and text colors for your entire website.

To choose a color, click the color swatch next to the text box, or insert a hex code into the text box, if you know the hex code of the color you want to use.

Background Pattern or Image

The background of your website can be enhanced by using a repeated pattern or full-screen background image. Click the image at the bottom of the Website Appearance window. Here you can upload an image from your computer, select an image you’ve already uploaded, or choose from all available stock background images and patterns.

To use a stock background image or pattern, click the From Stock Photos tab, select the one you would like to use, and click Select Image at the bottom of the window to set it as the background for your website. Remember to click Save Changes before leaving the Website Appearance window. Patterns will be shown in the chosen Background Color. Images are not affected by Background Color.

Website Appearance: Text

In this area, you can choose from a wide variety of fonts for your Navigation, Slim Header Navigation, Body text, and Titles. You can also choose an appropriate size for your Body and Title fonts. To choose a font, click the dropdown menu and scroll through previews of font options that are available for you.

Website Appearance: Header and Footer Options

Here you can change the image displayed in the header of your site, add your logo, and change fonts and colors in the header and footer sections of your website.

Header Style

Select either Larger Image or Slim Header in this section. If you select Larger Image, you can upload a header image to appear at the top of your website, or select from a variety of stock images. Large images will be automatically resized to fit the header area. You can size your image to 960x260 pixels before uploading to make sure it shows the full image. All images uploaded via the Header Background section will be kept separate from regular gallery images.

By choosing Slim Header, the header image upload option will disappear and no header image will be shown on your site. Your logo will be displayed instead.

Show Logo/Name

You can prominently feature your business's logo image on your website. If you choose not to have an image for your logo, your company's name can be displayed instead.

To use an image, click the Pick Logo Image button. You can upload a new image, use a previously uploaded image, or pick from stock photos. It's best to use an image that clearly displays your company's name.

To remove your logo image, simply select Show Shop Name or None.

Logo Position

Your logo can display on either the left, center, or right side of your header. To change your logo's position, select the Left, Center, or Right button. Choose a position that works best with your header's background image, if you have one.

Shop Name Text Color and Font

If you have chosen to display your shop name instead of uploading a logo, you can select the color and font in this section. Click the color swatch next to the textbox to choose a new color, or enter the hex code if you know it. Scroll through the dropdown menu of font options to select the one you’d like to use, along with the font size.

Show Address

This option lets you select whether you would like your address to show up on your header, as well as in the footer and on the contact page. Move the selector to either Yes or No to make your selection. You can choose the text color and font for your address in the Address Text Color and Header Address Font sections found below.

Footer Style

Your footer is what appears at the very bottom of your webpage. It usually shows your business' name, address, phone number, and more. You have two options for your footer style: Normal and Minimal. Normal shows more information in your footer and expanded footer links. Minimal shows less info, and places all of your info on the center of your footer.

Footer Color, Text Color, and Font

To customize your footer, select a Footer Color, which will be the background color of the footer area, along with your Footer Text Color. Click the color swatch next to the text box to choose a new color, or enter the hex code if you know it. Scroll through the dropdown menu of Footer Font options to select the one you’d like to use.

Once you have finished making changes to your website's appearance, click Save Changes to save what you have done or Cancel to close the window, without making any changes.

Your changes will be discarded if you click Cancel.

Website Appearance: Themes and Packages


Themes allow you to change the look of your website, such as the fonts and border styles, without having to redesign your entire website. There are 6 Themes to choose from: Carefree, Crisp & Bold, Modern & Fun, Open Air, Simple & Clean, and Translucent.


Packages are preset Template Package options that allow you to change the entire look of your website, including colors, background patterns, images, and more, with one press of a button. Be cautious though: these change cannot be undone once they are saved.