Изменение элементов подменю cufon - PullRequest
Новая
       41

Изменение элементов подменю cufon

0 голосов
/ 29 февраля 2012

У меня небольшая проблема с моим меню навигации.Это настраиваемая тема WordPress, но у меня возникают трудности с изменением навигации для моего клиента.

Вот точная проблема: пункты подменю слишком малы, и я не могу их увеличитьИ есть бессмысленный разрыв между родительским элементом меню и элементом подменю.Кроме того, я хочу, чтобы все элементы были черными, но белыми, когда я наведу их.Я действительно ценю, если кто-то решит эту быструю и легкую (хотя и сложную для меня) проблему.

Кстати, я использую плагин All-in-one-cufon в WordPress.

Вот ссылка: http://ankastudio.com/sanayi1/

Вот коды 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;
}
...