Pop Menu Magic User Guide: Editing Colors and Borders

overview: editing colors and borders

Pop Menu Magic menus are styled with CSS, which gives you full control over every aspect of your menu's presentation. This section contains a multi-part tutorial, which should be read in sequence. You'll start with an existing page that contains a Vertical Pop Menu Magic menu set to use the Basic Menu Style:

Start with a Basic Menu

Part 1

Edit menu item text and background colors. At the end of Part 1, your menu will look like this:

The menu after Part 1

Part 2

Edit Trigger, Active Trigger, and Current Marker styles to finish coordinating colors. Your menu will look like this:

The menu after Part 2

Part 3

Edit border styles to finish the exercise, producing this menu:

The menu after Part 3

Next: Home