Tagged: megamenu
-
AuthorPosts
-
pavit Moderator
pavit
- Join date:
- September 2007
- Posts:
- 15749
- Downloads:
- 199
- Uploads:
- 2274
- Thanks:
- 417
- Thanked:
- 4028 times in 3778 posts
January 24, 2016 at 7:36 am #866682Hi
custom.css file should be created from scratch and added to this folder /templates/ja_charity/css/
To remove menu numbers add to that file the code showed below
.t3-megamenu > .navbar-nav > li:nth-child(1) > a:before{ display: none!important; } .t3-megamenu > .navbar-nav > li:nth-child(2) > a:before{ display: none!important; } .t3-megamenu > .navbar-nav > li:nth-child(3) > a:before{ display: none!important; } .t3-megamenu > .navbar-nav > li:nth-child(4) > a:before{ display: none!important; } .t3-megamenu > .navbar-nav > li:nth-child(5) > a:before{ display: none!important; } .t3-megamenu > .navbar-nav > li:nth-child(6) > a:before{ display: none!important; } .t3-megamenu > .navbar-nav > li:nth-child(7) > a:before{ display: none!important; } .t3-megamenu > .navbar-nav > li:nth-child(8) > a:before{ display: none!important; } .t3-megamenu > .navbar-nav > li:nth-child(9) > a:before{ display: none!important; }
January 24, 2016 at 11:27 am #866786Thanks it works well . What about changing text color when the page is active or over mouse action ?
pavit Moderatorpavit
- Join date:
- September 2007
- Posts:
- 15749
- Downloads:
- 199
- Uploads:
- 2274
- Thanks:
- 417
- Thanked:
- 4028 times in 3778 posts
January 24, 2016 at 11:37 am #866810Hi
Ja Charity has already this into themes , would be nice if you can share a mock up image of your desired changes and also a link to your website.
January 28, 2016 at 11:47 am #870535Hello pavit
thanks for your help an quick response ,
plz find attached pic
i need to change white color text while it been active page or over mouse
January 28, 2016 at 11:51 am #870538This reply has been marked as private.pavit Moderatorpavit
- Join date:
- September 2007
- Posts:
- 15749
- Downloads:
- 199
- Uploads:
- 2274
- Thanks:
- 417
- Thanked:
- 4028 times in 3778 posts
January 28, 2016 at 12:01 pm #870542Hi
Add this to your custom.css file in this folder /templates/ja_charity/css if you do not have already such file you need to create a new one
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color:#cc3333!important; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color:#cc3333!important; }
Let me know if it helps
1 user says Thank You to pavit for this useful post
January 28, 2016 at 12:07 pm #870544It works good . thanks a lot .. what about submenu 😀 ?
pavit Moderatorpavit
- Join date:
- September 2007
- Posts:
- 15749
- Downloads:
- 199
- Uploads:
- 2274
- Thanks:
- 417
- Thanked:
- 4028 times in 3778 posts
January 28, 2016 at 12:10 pm #870545It works good . thanks a lot .. what about submenu ?
add this to the custom.css
.t3-megamenu .mega-nav > li a:hover, .t3-megamenu .dropdown-menu .mega-nav > li a:hover, .t3-megamenu .mega-nav > li a:focus, .t3-megamenu .dropdown-menu .mega-nav > li a:focus { color:cc3333!important; }
January 28, 2016 at 12:21 pm #870548pavit Moderatorpavit
- Join date:
- September 2007
- Posts:
- 15749
- Downloads:
- 199
- Uploads:
- 2274
- Thanks:
- 417
- Thanked:
- 4028 times in 3778 posts
January 28, 2016 at 12:25 pm #870553Sorry my fault code suggested is missing of # before the hex
correct code is :
.t3-megamenu .mega-nav > li a:hover, .t3-megamenu .dropdown-menu .mega-nav > li a:hover, .t3-megamenu .mega-nav > li a:focus, .t3-megamenu .dropdown-menu .mega-nav > li a:focus { color:#cc3333!important; }
January 28, 2016 at 12:35 pm #870561thank you so much you doing a great favor for me . what i should change also to apply the same color for the active page into submenu 🙂 ?
pavit Moderatorpavit
- Join date:
- September 2007
- Posts:
- 15749
- Downloads:
- 199
- Uploads:
- 2274
- Thanks:
- 417
- Thanked:
- 4028 times in 3778 posts
January 28, 2016 at 12:41 pm #870563Add this
.t3-megamenu .mega-nav > li.current a, .t3-megamenu .dropdown-menu .mega-nav > li.current a, .t3-megamenu .mega-nav > li.active a, .t3-megamenu .dropdown-menu .mega-nav > li.active a { color:#cc3333!important; }
1 user says Thank You to pavit for this useful post
January 28, 2016 at 1:51 pm #870607This reply has been marked as private.pavit Moderatorpavit
- Join date:
- September 2007
- Posts:
- 15749
- Downloads:
- 199
- Uploads:
- 2274
- Thanks:
- 417
- Thanked:
- 4028 times in 3778 posts
January 28, 2016 at 4:50 pm #870743Hi
I answered to it
AuthorPostsViewing 14 posts - 1 through 14 (of 14 total)This topic contains 14 replies, has 2 voices, and was last updated by pavit 8 years, 10 months ago.
The topic ‘Changing colors of text on Megamenu (I COULDN'T FIND Custom.css)’ is closed to new replies.
Jump to forum