Joomla Templates Club 406,261 posts

[browwwsers cybercafe Friend browwwsers cybercafeJoin date: September 2014Posts: 77Downloads:0Uploads:33 Thanks: 4 Thanked: 1 times in 1 posts]

#195080

How can I change Top menu and footer background from black to blue?

Thank you.

---

Attachments:

1. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#523899

Add this code to this File: /templates/ja_kranos/css/menu/mega.css

#ja-megamenu a span:hover { background: #0B70A5; }

[browwwsers cybercafe Friend browwwsers cybercafeJoin date: September 2014Posts: 77Downloads:0Uploads:33 Thanks: 4 Thanked: 1 times in 1 posts]

#524122

Hi Good Morning ,
Where in the code to add

#ja-megamenu a span:hover { background: none repeat scroll 0 0 #0B70A5}

Please assist.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#524126

yes, the editor went crazy and now I have updated the code in my previous post.

Add it in the Very top of the file : /templates/ja_kranos/css/menu/mega.css

Hope that is helpful

[browwwsers cybercafe Friend browwwsers cybercafeJoin date: September 2014Posts: 77Downloads:0Uploads:33 Thanks: 4 Thanked: 1 times in 1 posts]

#524134

Hi,
I got the updated, but i would like the main menu top to change to blue, i am sending 2 attachments for you to take a look.
Thank you very much.

---

Attachments:

1. 
2. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#524136

Go to this File: /templates/ja_kranos/css/menu/mega.css

1. Replace this code

#ja-mainnav .main{
background: #202020;
}

With

#ja-mainnav .main{
background: #0B70A5;
}

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#524137

Go to this File: /templates/ja_kranos/css/menu/mega.css

1. Replace this code ( to change the Menu text color to white)

.ja-megamenu ul.level0 li.mega a.mega {
color: #888;
font-size: 100%;
font-weight: normal;
padding: 0;
text-transform: uppercase;
}

.ja-megamenu ul.level0 li.mega a.mega {
color: #FFFFFF;
font-size: 100%;
font-weight: normal;
padding: 0;
text-transform: uppercase;
}

2. you need to change the color of this image for the black border /templates/ja_kranos/images/bg-line-nav.gif

[Author]

Posts