On Jan 30, 7:57 am, bellaluna316 <bellaluna...@gmail.com> wrote:
> RE: Vertical hover. I am trying to do the following and can not
> figure out what CSS code controls these things:
Hello,
While I no longer offer general CSS help for Superfish menus, here are
a few pointers:
> • Move the bullets off the left edge of both parent and sub “buttons”
Using Firebug it is simple to see that the bullets are background
images on the anchor elements. These are controlled by template.css
file, around line 30. In the following line (below), replace 'left
center' with px, em or percentage values to position the bullets
image:
ul.menu a {
background:transparent url(../images/menu-list.gif) no-repeat scroll
left center;
...
> • Make the “buttons” shorter (set height)
Strange, I can't find which CSS is providing the menu item height. The
Superfish demos use vertical padding on the anchor element for this.
> • Move the hover flyout “button” to butt up against the parent.
> Currently there is a gap between the left edge of the parent and the
> right edge of the flyout.
In Firefox, your menu already does this. The 'left' property on the
submenu 'ul' controls this.
Joel.
