-
AuthorPosts
-
lg21 Friend
lg21
- Join date:
- July 2012
- Posts:
- 335
- Downloads:
- 109
- Uploads:
- 100
- Thanks:
- 36
- Thanked:
- 9 times in 1 posts
March 17, 2014 at 11:21 am #195852I need to invert the colors of both top and side menu
from
* # 858 687
* # ffffffto
# ffffff
# ff0000what is the css file to edit?
templates / ja_orisite / css / menu
you are here?
thankschavan Friend
chavan
- Join date:
- October 2014
- Posts:
- 4612
- Downloads:
- 0
- Uploads:
- 110
- Thanked:
- 1440 times in 1290 posts
March 17, 2014 at 11:43 am #526957Go 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
lg21
- Join date:
- July 2012
- Posts:
- 335
- Downloads:
- 109
- Uploads:
- 100
- Thanks:
- 36
- Thanked:
- 9 times in 1 posts
March 17, 2014 at 12:14 pm #526968chavan Friend
chavan
- Join date:
- October 2014
- Posts:
- 4612
- Downloads:
- 0
- Uploads:
- 110
- Thanked:
- 1440 times in 1290 posts
March 17, 2014 at 12:42 pm #5269781. 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
lg21 Friend
lg21
- Join date:
- July 2012
- Posts:
- 335
- Downloads:
- 109
- Uploads:
- 100
- Thanks:
- 36
- Thanked:
- 9 times in 1 posts
March 17, 2014 at 1:29 pm #526984Thanks is perfect
AuthorPostsViewing 5 posts - 1 through 5 (of 5 total)This topic contains 5 replies, has 2 voices, and was last updated by
lg21 10 years, 5 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum
Change color link mega menu
Viewing 5 posts - 1 through 5 (of 5 total)