First, thanks very much for a useful component. I particularly like that a user can modify the CSS code directly in the module configuration.
I almost have the menus configured the way I want, but am stuck on a minor problem.
Unfortunately, I cannot share the site yet, as it isn't on-line yet. However, I hope the problem is simple enough to figure out without seeing it.
I have added a border on top of each menu item as shown in the image.
I would like to either remove the border above the first menu item or modify whatever padding or margin setting that is causing this border to be spaced from the outer module border.
Here is the CSS code I have added to the module to get where I am. No other CSS mod's have been made in the YUI css files. The overall Joomla template is jhuk_milkyway.
BODY #{$id}.yui-skin-sam .yuimenu .bd {
background-color:#E0E0E0;
border-style: solid;
border-width: 6px;
border-color: #135cae;
}
/* modified border for sub-menus */
body #{$id}.yui-skin-sam .yuimenu .bd .bd {
border-style: solid;
border-width: 2px;
}
/* borders between menu items */
BODY #{$id}.yui-skin-sam .yuimenuitem {
border-top-style: solid;
border-top-width: 2px;
border-top-color: #A8A8A8;
# margin-top:-3px;
# height: 22px;
}
