How to reduce line spacing in menu titles

Hi,

I trying to figure out how to reduce line espacing in TheRealDesign template menus. Whenever I have submenu item that exceeds the column submenu width, it appears with a too big line spacing between lines.

Take a look at the image. The same happens either in submenus or in Suffix "_menu" modules.



Any help would be much appreciated.

Best Regards,

Javi from Madrid.

Could You provide an url to your site?

Hi Cyberek & Folks,

I am still looking for a way to reduce lines spacing in Real Design Template dropdown menus and _menu Module Class suffix.

Url [1] is an example of _menu suffix in left-position where It would be great if line spacing could be reduced.

Any help or hint much appreciated.

[1] http://www.ecaminos.es/joomla/servicios-profesionales

Best Regards,

Javi in Madrid.

Hi guys,

This is me following up with my own ticket .

I've just found out that I can change line-height of _menu suffix definition at template.css file.

Code: Select all

.box_menu ul li {
   background: transparent url('../images/style1/menu_arrow.png') no-repeat 3px 6px; /* 5px 14px */
   margin: 0;
   padding: 0 0 0 30px;
   line-height: 23px; /* old line-height 40px */
   font-size: 12px;
   border-top: 1px solid #eee;
}

So it is almost solved...

Now looking for how to change line spacing in normal submenus, and how to code this at override level, not directly at template.css...

Javi in Madrid.

To code it at override.css You need to enable it firstly in template settings - advanced section. Just copy entire css declaration of element to override.css (entire block You have pasted to thread).
To change line-height in header menu use:

Code: Select all

#gkMainMenu > div > ul div.childcontent li > a {line-height: 16px;}