Question

我的导航菜单有点问题。这是一个自定义的wordpress主题，但我很难修改我的客户端的导航。

这是确切的问题：子菜单项太小，我无法做大。父菜单项和子菜单项之间存在无意义的差距。此外，我希望所有项目都是黑色的，但是当我将它们悬停时它们是白色如果有人解决这个快速简单（对我而言很困难）的问题，我真的很感激。

顺便说一句，我在wordpress中使用了All-in-one-cufon插件。

以下是菜单的css代码：

    #menu_wrapper
{
width: auto;
margin: auto;
z-index:999;
float: left;
display: none;
position: fixed;
bottom: 65px;
left: 15px;
}

/*body.home
{
left: -400px;
}*/

.nav, .subnav
{
list-style: none;
position: relative;
}

.subnav
{
background: none;
}

.nav li
{
display: block;
float: none;
margin: 0;
clear:both;
}


.nav li a
{
font-size: 24px;
font-family: "Helvetica Neue",Helvetica,Verdana,Arial,sans-serif;
color: transparent;
text-transform: uppercase;
text-shadow: 0px 0px 4px #fff;
letter-spacing: 1px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
line-height: 26px;
display: block;
letter-spacing: -1px;
}

.nav li a:hover
{
color: #fff;
text-shadow: 0px 0px 1px #fff;

}

.nav li ul
{
display: block;
padding: 00;
list-style: none;
padding: 10px;
float: left;
width: 250px;
z-index:999;
margin:0;
}

.nav li ul li ul
{
display: block;
padding: 00;
list-style: none;
padding: 10px;
float: left;
width: 220px;
z-index:999;
margin:0;
}

.nav li ul li 
{
width: 100%;
}

.nav li ul li a
{
float: none;
width: 100%;
padding: 5px 0 5px 0;
font-size: 26px;
line-height: 2px;
}

.nav li ul li a
{
height: auto;
}

.nav li.current-menu-parent ul
{
display: none;
}

.nav li.current-menu-item > a, .nav li > a:hover, .nav li > a.hover, .nav li > a:active, .nav li.current-menu-parent > a
{
color: #000;
text-shadow: 0 0 10px #2e2e2e;
}

.nav li.current-menu-item ul li a:hover, .nav li ul li a:hover, .nav li ul li:hover a, .nav li ul li.current-menu-item a
{
border: 0;
color: #000;
text-shadow: 0 0 10px #2e2e2e;
}

修改cufon子菜单项

0 个答案: