Hi,

I'm working on this site: http://www.drronwolfson.com/

I've got custom CSS insert code I've used successfully on other sites in place on this one but it doesn't seem to be working right here.

I'm trying to style the submenus using this (Only one submenu under the "BOOKS" main menu item:

/* add formatting to submenu items/*
div#menu1 ul.submenu ul.rMenu li ul.rMenu-ver li a {
font-size: 10px;
border-bottom: solid 1px #ffffff !important;
border-top: 1px solid #ffffff !important;
padding-top: 10px;
padding-bottom: 10px;
font-weight: normal;
}

But it doesn't seem to be having any effect. The font size is still the same as the main menu bar items and there is no white border line above or below the sub menu items.

I also noticed the white arrows indicating there's a sub menu seem to be missing to the right of the "BOOKS" main menu item so I'm thinking maybe something funky is afoot which might knothole anything to do with this css.

Any ideas? Thanks so much,

Rick

Your problem is the comment at the start.

Comments start with /* and end with */ - By using /* twice, the rest of the CSS (not just that line, but all of it) becomes a comment as there is no closing */ to turn off the comment.

Try:

/* add formatting to submenu items*/
div#menu1 ul.submenu ul.rMenu li ul.rMenu-ver li a {
font-size: 10px;
border-bottom: solid 1px #ffffff !important;
border-top: 1px solid #ffffff !important;
padding-top: 10px;
padding-bottom: 10px;
font-weight: normal;
}

This seems to work for me when I make that change using a CSS editor.

That was indeed my problem...the magic of a second set of eyes...thanks so much!