Public Forums 71,145 posts

[greendome Friend greendomeJoin date: June 2008Posts: 52Downloads:6Uploads:6 Thanks: 8 Thanked: 2 times in 2 posts]

#157494

Hello,

I was wondering how i do i change color of a single menu item like the ‘DEMO’ option in this site, where it has green background?

Thanks

GD

[Hayden A Friend Hayden AJoin date: April 2010Posts: 282Downloads:0Uploads:20 Thanked: 54 times in 53 posts]

#367083

Dear greendome,

this is in regards to which template?

[greendome Friend greendomeJoin date: June 2008Posts: 52Downloads:6Uploads:6 Thanks: 8 Thanked: 2 times in 2 posts]

#367304

Hello anhhv,

Am using the JA Rasite template.

Thanks

[greendome Friend greendomeJoin date: June 2008Posts: 52Downloads:6Uploads:6 Thanks: 8 Thanked: 2 times in 2 posts]

#367806

Hello,

Wondering if any one can shed some light on this issue.

Thank you,
GD

[Hayden A Friend Hayden AJoin date: April 2010Posts: 282Downloads:0Uploads:20 Thanked: 54 times in 53 posts]

#367880

templatesja_rasitecssmenumega.css and find line
[PHP]ul.level0 li.active a.mega,
ul.level0 li.active a.over {
background: url(../../images/mainlevel-active.gif) no-repeat left top #57222B;
color: #fff;
}

ul.level0 li.active a.mega span,
ul.level0 li.active a.over span.menu-title {
background: url(../../images/mainlevel-active.gif) no-repeat right top;
}[/PHP]and change it to:
[PHP]ul.level0 li.active a.mega,
ul.level0 li.active a.over {
background: url(../../images/title-green.gif) no-repeat left top;
color: #fff;
}

ul.level0 li.active a.mega span,
ul.level0 li.active a.over span.menu-title {
background: url(../../images/title-green.gif) no-repeat 100% 0px;
}
[/PHP]

1 user says Thank You to Hayden A for this useful post

1. greendome

[greendome Friend greendomeJoin date: June 2008Posts: 52Downloads:6Uploads:6 Thanks: 8 Thanked: 2 times in 2 posts]

#367955

<em>@anhhv 209947 wrote:</em><blockquote>templatesja_rasitecssmenumega.css and find line
[PHP]ul.level0 li.active a.mega,
ul.level0 li.active a.over {
background: url(../../images/mainlevel-active.gif) no-repeat left top #57222B;
color: #fff;
}

ul.level0 li.active a.mega span,
ul.level0 li.active a.over span.menu-title {
background: url(../../images/mainlevel-active.gif) no-repeat right top;
}[/PHP]and change it to:
[PHP]ul.level0 li.active a.mega,
ul.level0 li.active a.over {
background: url(../../images/title-green.gif) no-repeat left top;
color: #fff;
}

ul.level0 li.active a.mega span,
ul.level0 li.active a.over span.menu-title {
background: url(../../images/title-green.gif) no-repeat 100% 0px;
}
[/PHP]</blockquote>

I think the above code changes the color when selecting a menu item.

What I wanted to do was change the color of single menu item just as it is on the JA website where the DEMO menu item has the background set to green even when not selected. I.e. the DEMO menu item is always green.

Thank you,
GD

[Hayden A Friend Hayden AJoin date: April 2010Posts: 282Downloads:0Uploads:20 Thanked: 54 times in 53 posts]

#367967

Sorry greendome,
you can change color of single menu by you open file templatesja_rasitecsstemplate.css find line
[PHP]#ja-mainnav {
background: url(../images/mainnav-bg.gif) repeat-x left top;
font-family: Tahoma, Verdana, Tahoma, sans-serif;
height: 46px;
line-height: 1;
padding-top: 10px;
position: absolute;
top: 0;
z-index: 900;
}[/PHP]

and change to
[PHP]#ja-mainnav {
background: green;
font-family: Tahoma, Verdana, Tahoma, sans-serif;
height: 46px;
line-height: 1;
padding-top: 10px;
position: absolute;
top: 0;
z-index: 900;
}[/PHP]

[Author]

Posts