Hi Paul - still struggling with the menu I'm afraid.

My aim is to replicate the main menu, but in sidebar 1.

I've created a class suffix which gives me almost what I want, but not everything.

I can't see how to change the colour of the buttons on the live page, nor how to make the entire button a link rather than just the text.

Have a look at the side menu on www.bizzybounce.co.uk/newsite.

This is the css I've used so far (I'm quite pleased with myself, except it doesn't work!)

.zen-menu-487 .mysidemenu ul, li
{
border-style: solid;
    border-width: 3px;
border-color: #d999ff #280040 #280040 #ab1cff;
background: none repeat scroll 0 0 #a100ff;
color: #fff;
font-weight:900;
}

.zen-menu-487 .mysidemenu ul > li a:hover, li:hover {
background: #ff0000 none repeat scroll 0 0;
border-color: #ff9999 #400000 #400000 #ff2222;
color: #fff;
}


.sidebar .moduletable .mysidemenu a
{
padding-left:20px;
}

Am I going about this the right way, or is there an easier route?


Thanks

Ian

And this css throws loads of other things out as well

Just moved this to a new thread

With the active link style try

#sidebar-1 .mysidemenu .zen-menu-487 li.active {background:red;}

Using the colours you want to use instead of red

What was the issue with other css breaking?

Cheers