Joomla Templates Club 406,261 posts

[anthonyberot Friend anthonyberotJoin date: February 2012Posts: 68Downloads:0Uploads:1 Thanks: 15 Thanked: 3 times in 1 posts]

#173935

where can I change the background colour of the main Nav menu here is the site if it will help.
http://http://contrastnewspaper.burroket.com/ (no “www”)

Thank you in advance for your help

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

#438516

Hi,
You go to Template manager,choose JA Nex template, then change CSS Optomize fieds to NO, so I can check how and where to customize for you.

[anthonyberot Friend anthonyberotJoin date: February 2012Posts: 68Downloads:0Uploads:1 Thanks: 15 Thanked: 3 times in 1 posts]

#438528

CSS Optomize is now set to NO

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

#438529

<em>@anthonyberot 300867 wrote:</em><blockquote>CSS Optomize is now set to NO</blockquote>
You find this code from /templates/ja_nex/css/template.css

#ja-mainnav {
background: url(../images/mainnav-bg.gif) repeat-x left bottom #C40017; < change this line
padding-bottom: 6px;
}

[anthonyberot Friend anthonyberotJoin date: February 2012Posts: 68Downloads:0Uploads:1 Thanks: 15 Thanked: 3 times in 1 posts]

#438536

#C40017 is the colour I added but it only changed the colour of the band, I will like to change the colour of the buttons as well

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

#438545

<em>@anthonyberot 300877 wrote:</em><blockquote>#C40017 is the colour I added but it only changed the colour of the band, I will like to change the colour of the buttons as well</blockquote>
You find this code from /templates/ja_nex/css/menu/mega.css

.ja-megamenu ul.level0 li.mega a.mega.over, .ja-megamenu ul.level0 li.mega a.mega.active {
background: url(../../images/hover-menu.gif) repeat-x left top #E5E5E5; < change this line
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
color: #666;
border: solid 1px white;
border-bottom: none;
padding: 14px 15px 13px 15px;
display: block;
border-image: initial;
}

[anthonyberot Friend anthonyberotJoin date: February 2012Posts: 68Downloads:0Uploads:1 Thanks: 15 Thanked: 3 times in 1 posts]

#438552

I fount the code amd changed it but the colour remains the same even after closing the browser. I changed all instances of #E5E5E5 to #c40017
no change.

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

#438555

You replace this code:

.ja-megamenu ul.level0 li.mega a.mega.over, .ja-megamenu ul.level0 li.mega a.mega.active {
background: url(../../images/hover-menu.gif) repeat-x left top #E5E5E5;
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
color: #666;
border: solid 1px white;
border-bottom: none;
padding: 14px 15px 13px 15px;
display: block;
border-image: initial;
}
with

.ja-megamenu ul.level0 li.mega a.mega.over, .ja-megamenu ul.level0 li.mega a.mega.active {
background: #c40017
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
color: #666;
border: solid 1px white;
border-bottom: none;
padding: 14px 15px 13px 15px;
display: block;
border-image: initial;
}

[anthonyberot Friend anthonyberotJoin date: February 2012Posts: 68Downloads:0Uploads:1 Thanks: 15 Thanked: 3 times in 1 posts]

#438563

ok that made the selected menu the right colour, but some thing interesting is happening, i will edit hover-menu.gif to a colour I want.
Thank you for your help.

[anthonyberot Friend anthonyberotJoin date: February 2012Posts: 68Downloads:0Uploads:1 Thanks: 15 Thanked: 3 times in 1 posts]

#438868

Fixed, i did a search for the colour code in mega.css and changed it to the code i needed that worked. the block of code was at the top of mega.css

[Author]

Posts