Joomla Templates Club 406,261 posts

[ray59 Friend ray59Join date: April 2009Posts: 56Downloads:0Uploads:1 Thanks: 6]

#171247

Hi

I am looking to change the colour of the home button on my main menu in the Rave template. I am using the dropline menu and I cannot workout which part of the code to change from /template/ja_rave/css/menu/dropline.css Could anyone help please.

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#427176

Hi,
You find this code from /templates/ja_rave/css/menu/mega.css

.ja-megamenu ul.level0 li.mega.active a.active, .ja-megamenu ul.level0 li.active.haschild a.active.haschild {
background: url(../../images/navtab-l.png) no-repeat left top; < change this line
padding-left: 5px;
}

.ja-megamenu ul.level0 li.mega.active a.mega.active span.menu-title, .ja-megamenu ul.level0 li.active.haschild a.active.haschild span.menu-title {
background: url(../../images/navtab-r.png) no-repeat right top; < change this line
color: white;
padding: 0px 20px 0px 15px;
}

[ray59 Friend ray59Join date: April 2009Posts: 56Downloads:0Uploads:1 Thanks: 6]

#427196

Thank you for your reply, I have updated the code and this works fine when mega menu is selected under (template manager/edit style/profiles) in joomla admin. But when I select dropline menu instead of mega menu the home button reverts to original default colour, its the dropline menu that I want to use.

Many thanks

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#427248

You find this code from templatesja_ravecssmenumega.css

.ja-megamenu ul.level0 li.mega.over a.mega.over, .ja-megamenu ul.level0 li.mega.active.over a.mega.active.over, .ja-megamenu ul.level0 li.haschild-over a.haschild.over, .ja-megamenu ul.level0 li.active.haschild-over a.active.haschild.over {
background: url(../../images/navtab-l-hover.png) no-repeat left top; < change this line
padding-left: 5px;
}



.ja-megamenu ul.level0 li.mega a.mega.over span.menu-title, .ja-megamenu ul.level0 li.mega.active.over a.mega.active.over span.menu-title, .ja-megamenu ul.level0 li.haschild-over a.mega span.menu-title, .ja-megamenu ul.level0 li.haschild-over a.haschild.over span.menu-title, .ja-megamenu ul.level0 li.active.haschild-over a.active.haschild.over span.menu-title {
background: url(../../images/navtab-r-hover.png) no-repeat right top; < change this line
color: #555;
padding: 0px 20px 0px 15px;
}

[ray59 Friend ray59Join date: April 2009Posts: 56Downloads:0Uploads:1 Thanks: 6]

#427316

Solved: I had to change one extra line of code in /templates/ja_rave/css/menu/dropline.css but thank you for all your help.

[Author]

Posts