Joomla Templates Club 406,261 posts

[MohinderpalLiddar Friend MohinderpalLiddarJoin date: December 2005Posts: 5Downloads:0Uploads:1]

#118915

This is a great template, just wanted the menu at the top to be not so wide(high). I ‘ve been trying to change the main menu’s height to make it approx half its current height (green, blue menu at the top) but can’t find a setting to make it a little thinner whithout creating excess white space.

I am using the dropline menu and have tried editing the ja-scriptdlmenu.css file without joy, as well as making the images differnet heights and everything else I could think of but am stumped.

Can anyone point me in the right direction, thanks in advance.

[cssyeah Moderator cssyeahJoin date: June 2006Posts: 653Downloads:73Uploads:15 Thanked: 121 times in 81 posts]

#214899

Hi MohinderpalLiddar,

1. Open template_css.css file, search this CSS code section and change padding of sitetool:


span.ja-sitetool {
margin: 0;
padding: 12px 0 6px 23px;
display: block;
color: #FFFFFF;
font-weight: bold;
text-align: center;
text-decoration: none;
border-left: 3px solid #FFFFFF;
cursor: pointer;
}


2. Open ja-scriptdlmenu.css file in the ja_scriptdlmenu folder, search and change padding of mannav a:


#jasdl-mainnav a {
margin: 0;
padding: 10px 20px 5px;
display: block;
float: left;
color: #FFFFFF;
background: url(../images/mainnav-sep.gif) repeat-y top right;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
}


🙂

[MohinderpalLiddar Friend MohinderpalLiddarJoin date: December 2005Posts: 5Downloads:0Uploads:1]

#214964

thanks, that worked perfect!

[Author]

Posts