SEE FIRST:

• Getting Started With Custom Styles

This would customize the background of the navigation bar, but not the links themselves.

example shown here:

☛ To get started on customizing your website's 'Navigation Bar Container', click on Website Design. 

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

☛ Under 'Navigation Bar Container', 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.

☛ Click Save Changes button to commit any changes.

SEE NEXT:

Customizing Your Navigation Bar Items

Back to Tutorials: Table of Contents

Back to Control Panel