StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POEditing the font size in accordion menu module in joomla 2.5
text
Body
copied!<p>I'm using this accordion menu module in joomla 2.5 <a href="http://extensions.joomla.org/extensions/structure-a-navigation/menu-systems/accordion-menus/21961" rel="nofollow">http://extensions.joomla.org/extensions/structure-a-navigation/menu-systems/accordion-menus/21961</a> , and the problem is that the submenu items have a bigger font than the menus in the starting level. I found in the template .css file where I can edit the size of the starting level menus, but not for the submenus. Here's a screenshot how it looks <a href="http://img7.imageshack.us/img7/1180/tikx.png" rel="nofollow">http://img7.imageshack.us/img7/1180/tikx.png</a> And here is the css code of this module:</p> <pre><code> .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; } </code></pre>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload