2013-12-19 70 views
0

我在joomla 2.5 http://extensions.joomla.org/extensions/structure-a-navigation/menu-systems/accordion-menus/21961中使用了這個手風琴菜單模塊,問題是子菜單項的字體大於起始層的菜單。我在模板.css文件中找到了我可以編輯起始級菜單的大小,但不能用於子菜單的地方。下面是截圖它的外觀http://img7.imageshack.us/img7/1180/tikx.png 這裏是該模塊的CSS代碼:編輯joomla中的手風琴菜單模塊中的字體大小2.5

.accordion-menu a{ 
    text-decoration: none; 
    background: none; 
    font-family: Arial; 
} 
.accordion-menu a:hover, 
.accordion-menu a:visited, 
.accordion-menu a:active, 
.accordion-menu a:focus{ 
    background: none; 
} 

.accordion-menu a img { 
    vertical-align:middle; 
    border: 0 none; 
    height: auto; 
    max-width: 100%; 
    padding:0 5px 0 0; 
} 

.accordion-menu li{ 
    cursor: pointer; 
    background:none !important; 
} 

.accordion-menu .opened{ 
    border-bottom:none!important; 
} 
.accordion-menu li:last-child, .accordion-menu > li.last { 
    border-bottom: 1px solid #1a1a1a!important; 
    margin-bottom:-1px; 
} 
.accordion-menu > li > .item-wrapper{ 
    height: 35px; 
    display:inline-block; 
    width:100%; 
} 
.accordion-menu > li > .item-wrapper a{ 
    line-height: 35px; 
    font-size: 12px; 
    font-weight: bold; 
} 
.accordion-menu li .item-wrapper .menu-button{ 
    width: 16px; 
    height: 16px; 
    margin: 9px 5px 0px 5px; 
    overflow: hidden; 
} 

.accordion-menu li .item-wrapper .menu-link{ 
    width:81%; 
} 

.accordion-menu li .ul-wrapper{ 
    display: none; 
} 

.accordion-menu li ul li .item-wrapper{ 
    /* height: 30px;  */ 
    display:inline-block; 
    width:97%; 
} 
.accordion-menu li ul li .item-wrapper a{ 
line-height:35px;} 

ul.accordion-menu li ul { 
margin:0px; 
padding:0px; 
margin-bottom:-1px; 
} 
ul.accordion-menu li ul li .item-wrapper{ 
margin:0px; 
padding-left:12px!important; 
} 
    ul.accordion-menu li ul li li{ 
margin:0px; 
padding-left:0px!important; 
} 

回答

1

要更改線路是這樣的:

.accordion-menu li ul li .item-wrapper a { 
    line-height:35px; 
    font-size: 12px; /* Add this in */ 
} 

希望這有助於

+0

謝謝,它現在工作..我怎樣才能減少行距呢? – TheAdnan

+0

你也可以在我的答案中使用上面相同位置的代碼。更改'line-height'值。如果這回答了您的問題,請點擊「打勾」圖標接受答案 – Lodder

+0

謝謝,這是我的想象:D – TheAdnan