设置superfish控件的宽度

SuperFish是一款基于jQuery的菜单控件，使用方便，配置简单

详细内容见：http://users.tpg.com.au/j_birch/plugins/superfish/#getting-started

 

今天在使用SuperFish的时候，感觉它的菜单项有些宽，跟自己原有的页面风格有视觉冲突，所以就试着改了下。

 

方法如下：

1、找到superfish.css文件，打开

2、找到

.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0;top:2.5em; /* match top ul list item height */z-index:99;} 

修改top值，这是子菜单距离父菜单的距离。

3、找到

.sf-menu a {border-left:1px solid #fff;border-top:1px solid #CFDEFF;padding: .75em 1em;text-decoration:none;} 

padding：.75em这是菜单项的top填充高度，将其改小就可以了。