SEE FIRST:

• Getting Started With Custom Styles

The following step-by-step illustrates how you can customize the 'Main Content Area' or body of your website, the background of which your information and images appear on your pages themselves.

example shown here:

☛ To get started on customizing your website's 'Main Content Area', click on Website Design. 

☛ Click the Custom Styles tab (last one) to customize colors, fonts, backgrounds and more. 

☛ Under Main Content Area, you can change the following:

☛ Click on the Background Color : field and select a color from the color wheel that appears. Move the larger dot from around the loop and then the smaller dot to refine it further. If you have a HEX color code from an image file, enter that in this field preceded by #.

☛ To place an image you have chosen in the background instead of simply using a color, click on the [advanced] Click here to add a background image / logo box. Click Select File to upload your image and make sure that “Use Background Image” is checked. You can also further refine it by changing the horizontal/vertical positions via the drop-down selections and choose Tile/Stretch Effects.

☛ You can also add different styles of a border, and further specify what size and color. Click on [advanced] click here to add borders.

☛ To adjust the main content area’s level of translucence, click on [advanced] click here to change opacity level.

☛ Click Save Changes button to commit any changes.

SEE NEXT:

Customizing Your Site Header

Back to Tutorials: Table of Contents

Back to Control Panel