Joomla Templates Club 406,261 posts

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

#171087

Hi All

I have just started to customise my template JA Rave and can’t work out how to change the background colour from black to red on the Top Menu? I have changed the footer colour successfully from the template.css I wonder if someone could point me in the right direction please.

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

#426418

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

#ja-mainnav .main .main-inner1 {
background: url(../images/mainnav-bg.png) repeat-x left top !important; < change this line
margin-left: 0px;
margin-right: 0px;
}

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

#426426

Thank you for your reply but just to clarify am I dropping in a new png image into the images folder sorry I have limited experience

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

#426427

You replace this code from /templates/ja_rave/css/template.css

#ja-mainnav .main .main-inner1 {
background: url(../images/mainnav-bg.png) repeat-x left top !important;
margin-left: 0px;
margin-right: 0px;
}
with

#ja-mainnav .main .main-inner1 {
background: #9A2016;
margin-left: 0px;
margin-right: 0px;
}

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

#426428

Thanks for that it’s worked brilliant! One last question I also need to change the colour on the home tab on the top menu?

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

#426429

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

.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]

#426453

Solved! Thank you very much for your help

[Author]

Posts