Joomla Templates Club 406,261 posts

[benrud Friend benrudJoin date: May 2008Posts: 90Downloads:0Uploads:6 Thanks: 23 Thanked: 1 times in 1 posts]

#134504

Hello Everyone,

I need a little help changing the main menu. I was able to change the up state but I can’t figure out how to change the “over” state and the drop down color.

I want the rollover color to be #0A2CFF (i’m not sure which grad.gif I need to change). I also want the drop down menu to match that color #0A2CFF.

Thanks for your help,
Todd

[mj1256 Friend mj1256Join date: June 2007Posts: 1473Downloads:10Uploads:35 Thanks: 84 Thanked: 225 times in 118 posts]

#275775

I changed it on my edenite site, but don’t remember or have time to dig it out, but here is how you find all of these css pieces in the future

get the firebug plugin for firefox and it will identify the location of all the css entries you are looking for, it even lets your try your changes out before you save the changes so you can see how they look.

1 user says Thank You to mj1256 for this useful post

1. benrud

[benrud Friend benrudJoin date: May 2008Posts: 90Downloads:0Uploads:6 Thanks: 23 Thanked: 1 times in 1 posts]

#275865

mj1256,

Thanks for turning me onto “firebug”! Without it I don’t think I could have made the modifications I needed to.

One question though about the css in this template and browser compatibility.

I noticed that in IE the menu displays the way I want.
Active = yellow
Normal = blue with white text
rollover = yellow with blue text
dropdown = blue. with white text
dropdown rollover = yellow with blue text

But when I view the menu in firefox or chrome the rollover text and dropdown rollover text don’t change from white to blue.

Any ideas or fixes?

Thanks,
Todd
http://ghs.mrbenrud.com/

[tonyg Friend tonygJoin date: June 2008Posts: 197Downloads:0Uploads:8 Thanks: 18 Thanked: 46 times in 27 posts]

#275866

Hi
If the colours have changed in IE then try clearing the cache on Firefox and Chrome.

[benrud Friend benrudJoin date: May 2008Posts: 90Downloads:0Uploads:6 Thanks: 23 Thanked: 1 times in 1 posts]

#275869

Tony,

Thanks for the tip, but I tried that already and it didn’t work.

I must admit, I’m not great with so maybe I edited something incorrectly. Does IE, Chrome and FF read .css differently?

Any other ideas?

Thansk,
Todd

[tonyg Friend tonygJoin date: June 2008Posts: 197Downloads:0Uploads:8 Thanks: 18 Thanked: 46 times in 27 posts]

#275905

Hi Mr Ben Rud

Start your editing from here: yourdomaintemplatesja_edenitecsstemplatetemplate.css

Locate the following codes, edit one at a time, edit, save and test.

/* MAIN NAVIGATION
——————————————————— */
#ja-mainnavwrap {
background: url(../images/shadow.gif) repeat-x bottom;
height: 37px;
position: relative;
z-index: 999;
}

#ja-mainnav {
background: url(../images/grad2.gif) repeat-x top #019340;
height: 32px;
}

#ja-mainnav a, #ja-subnav a {
outline: none;
}

#ja-subnav {
display: block;
font-size: 92%;
border-bottom: 1px solid #E7E8E6;
height: 28px;
}

#ja-subnav ul {
margin: 0;
padding: 0;
}

#ja-subnav li {
background: none;
display: inline;
margin: 0;
padding: 0;
}

#ja-subnav li a {
display: block;
float: left;
padding: 0 15px;
line-height: 28px;
background: url(../images/vline.gif) no-repeat center left;
}

#ja-subnav li.active a,
#ja-subnav li.active a:hover,
#ja-subnav li.active a:active,
#ja-subnav li.active a:focus {
font-weight: bold;
color: #84CB65;
}

#ja-subnav li a.first-item {
background: none;
}

[benrud Friend benrudJoin date: May 2008Posts: 90Downloads:0Uploads:6 Thanks: 23 Thanked: 1 times in 1 posts]

#275914

Tony,

I’ll give it a shot this weekend and let you know how it turns out.

WHich one specifically deals with the over state of a drop down menu?

Thanks,
Todd

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#275918

You should start to look in the file templates/the template you use/ja_menus/the menu you use/
where you can open the css file and edit from there.

Lets say you use the css menu it would be this file here: templates/ja_avian_ii_d/ja_menus/ja_cssmenu/ja-sosdmenu.css

And this code here:

#ja-cssmenu li:hover a, #ja-cssmenu li.sfhover a, #ja-cssmenu li.havechildsfhover a, #ja-cssmenu li.havechild-activesfhover a {
background:#000000;
color:#FFFFFF;
}

Note that this is from the avian template, but you find the same in edenite:)

[Author]

Posts