Changing the Colors of a Horizontal Spry Menu Bar

There are three stages to adjusting the colors for a horizontal menu bar:

To change the normal background and font for your main menu double click on the css style ul.MenuBarHorizonantal a to open the ul.MenuBarHorizonantal a dialog box:

Background Menu Color

At the Type Category select a color for your font. I chose white.

Font Color

At the Background category select a background color that will complement your graphic. I used a dark mauve color.

Background Color

To add the background color to the focus and hover states select both in the CSS style panel individually.

Background Color

With the first selected change the background color in the css style panel then select the next state and change the background color.

Hover Hover Background

CSS Layout