SEE FIRST:

• Getting Started With Custom Styles

This would customize the links of the navigation bar, before they are selected or rolled-over with a mouse.

example shown here:

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

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

☛ Under 'Navigation Bar Items', you can change the following:

☛ Click on any of the drop-down menus for font style or size or select within the checkbox to customize italic, bold, underline or uppercase.

For text color or text color background, click on the area for 'Text Color:' or 'Background:' fields 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 Selected Navigation Item

Back to Tutorials: Table of Contents

Back to Control Panel