Joomla Templates Club 406,261 posts

[lg21 Friend lg21Join date: July 2012Posts: 335Downloads:109Uploads:100 Thanks: 36 Thanked: 9 times in 1 posts]

#195852

I need to invert the colors of both top and side menu

from
* # 858 687
* # ffffff

to
# ffffff
# ff0000

what is the css file to edit?
templates / ja_orisite / css / menu
you are here?
thanks

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

#526957

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

Find this code and replace #858687 to #FFFFFF

.ja-megamenu ul.level0 li.mega a.mega {
font-weight: normal;
text-transform: uppercase;
color: #858687;
padding: 15px;
}

Please explain more about the side menu.

[lg21 Friend lg21Join date: July 2012Posts: 335Downloads:109Uploads:100 Thanks: 36 Thanked: 9 times in 1 posts]

#526968

send the image

---

Attachments:

1. 

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

#526978

1. For Mega Menu:

Go to this File: /templates/ja_orisite/themes/blue/css/menu/mega.css

Replace this code

.ja-megamenu ul.level0 li.mega a.over,
.ja-megamenu ul.level0 > li.mega > a.over {
color: #fff !important;
background-image: none;
}

With

.ja-megamenu ul.level0 li.mega a.over,
.ja-megamenu ul.level0 > li.mega > a.over {
color: #FFFF00 !important;
background-image: none;
}

Go to this code: /templates/ja_orisite/css/menu/mega.css

Replace this code

.ja-megamenu ul.level0 li.mega a.mega {
font-weight: normal;
text-transform: uppercase;
color: #858687;
padding: 15px;
}

With

.ja-megamenu ul.level0 li.mega a.mega {
font-weight: normal;
text-transform: uppercase;
color: #FFFFFF;
padding: 15px;
}

2. For sidebar Menu:

Go to this File: /templates/ja_orisite/css/template.css

Replace this code

#ja-container ul.menu li a { color: #a8a8a8; padding: 10px 10px; text-align: left; }

With

#ja-container ul.menu li a { color: #FFFFFF; padding: 10px 10px; text-align: left; }

Replace this code

#ja-container ul.menu li.active > a { color: #fff; }

With

#ja-container ul.menu li.active > a { color: #FFFF00; }

Replace this code

#ja-container ul.menu li a:hover,
#ja-container ul.menu li a:focus,
#ja-container ul.menu li a:active { color: #fff; }

With

#ja-container ul.menu li a:hover,
#ja-container ul.menu li a:focus,
#ja-container ul.menu li a:active { color: #FFFF00; }

1 user says Thank You to chavan for this useful post

1. lg21

[lg21 Friend lg21Join date: July 2012Posts: 335Downloads:109Uploads:100 Thanks: 36 Thanked: 9 times in 1 posts]

#526984

Thanks is perfect

[Author]

Posts