View Full Version : Modifing style of popit menu

03-15-2006, 12:24 AM

I found a cool little code on this site and I was wondering if someone could help me find out how to modify the colours of this pop up menu:


As you can see the bg is white and the highlight is a light green I would like the bg to be black and the text white with a #003196 colour highlight.

Does anybody know how to do this? thanks in advance

kind regards


03-15-2006, 06:38 AM
That is all set here, using ordinary css style (I've added css comments to indicate what does what) slightly modified from the demo:

<style type="text/css">

position: absolute;
background-color: white; /*background for menu*/
border:1px solid black;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100;
visibility: hidden;

#popitmenu a{
text-decoration: none;
padding-left: 6px;
color: black; /*color for text*/
display: block;

#popitmenu a:hover{
background-color: #CCFF9D; /*hover background color*/
color:blue; /*hover text color*/

If you want the hover color of the text to be different than the normal color for text, use the red property/value pair to set that. If you don't want the text color to change, don't use that line (remove it).