Joomla Templates Club 406,261 posts

[munders Friend mundersJoin date: November 2008Posts: 375Downloads:0Uploads:37 Thanks: 50 Thanked: 4 times in 1 posts]

#135756

Hi

Does anyone know how to reduce the height of the grey nav tabs on the Edenite template?

I understand that i will have to create new graphics as background gifs, but cannot find code for height of cells etc.

i would appreciate a quick reply guys as this is very urgent.

Thank you

[munders Friend mundersJoin date: November 2008Posts: 375Downloads:0Uploads:37 Thanks: 50 Thanked: 4 times in 1 posts]

#280535

Anybody there?……………..

[munders Friend mundersJoin date: November 2008Posts: 375Downloads:0Uploads:37 Thanks: 50 Thanked: 4 times in 1 posts]

#280719

It’s been 2 days now and no one knows the answer to this.

Going to contact Premium Support now then

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#280721

What grey ‘nav tabs’? Or is this thread asking the same question as the other thread? Do you mean the grey menu links in the left column?

[cjmicro Friend cjmicroJoin date: June 2008Posts: 501Downloads:3Uploads:0 Thanks: 198 Thanked: 81 times in 10 posts]

#280726

Maybe this thread will help:
http://www.joomlart.com/forums/topic/menu-links-height/

It seems that menu info is contained in the navwrap, nav, and li areas, so if changing the mainnavwrap or the nav divs doesn’t help, find the list properties which control the menu ul li etc. I think the thread above gives info for a different template but maybe it will help.

Cheryl

[munders Friend mundersJoin date: November 2008Posts: 375Downloads:0Uploads:37 Thanks: 50 Thanked: 4 times in 1 posts]

#280731

No, i mean the nav buttons at the top

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#280736

Ahhh. These are only grey if you select the red colour scheme.

Changing these involves changing a lot of styling. Especially if you also want to change sub menu heights and if you want the gradient background images adjusted to suit the new height . This is why the question was not answered. It’s not really a support question, it’s a free customisation request.

You need to change the heights for mainnavwrap, mainnav, and line height in #ja-cssmenu li a in ja.moomenu.cssthen the sub-menu styling.

2 users say Thank You to scotty for this useful post

1. cjmicro
2. munders

[cjmicro Friend cjmicroJoin date: June 2008Posts: 501Downloads:3Uploads:0 Thanks: 198 Thanked: 81 times in 10 posts]

#280737

Yes, it is controlled by the list style. Although it is also in the moomenu.css (if you are using moomenu) and the template.css

moomenu (or other menu css)
<blockquote>/* STYLING THE MENU
———————————–*/
/* 1st level */
#ja-cssmenu li a {
display: block;
text-decoration: none;
line-height: 15px;
padding: 0 20px;
color: #C3DBED;
font-size: 100%;
font-weight: bold;
border-right: 1px solid #2B6484;
}</blockquote>

I changed line height to 15 from 37 as an example.

Then in the template.css
<blockquote>/* MAIN NAVIGATION
——————————————————— */
#ja-mainnavwrap {
background: url(../images/shadow.png) repeat-x bottom;
height: 15px;
position: relative;
z-index: 999;
}

#ja-mainnav {
background: url(../images/grad2.gif) repeat-x top #2C79B3;
height: 15px;
}</blockquote>

NOTE I changed all 3 heights to match but then lost the shadow so you would have to figure out which one needed to be taller to allow for the drop shadow.

Cheryl

1 user says Thank You to cjmicro for this useful post

1. munders

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#280746

cjmicro;92795…but then lost the shadow

navwrap needs to be 5px bigger than mainnav to display shadow.

2 users say Thank You to scotty for this useful post

1. cjmicro
2. munders

[cjmicro Friend cjmicroJoin date: June 2008Posts: 501Downloads:3Uploads:0 Thanks: 198 Thanked: 81 times in 10 posts]

#280748

Excellent help, thank you!! Saves time guessing 😀

[Author]

Posts