Tagged: 

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • pavit Moderator
    #866682

    Hi

    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; }
    musab Friend
    #866786

    Thanks it works well . What about changing text color when the page is active or over mouse action ?

    pavit Moderator
    #866810

    Hi

    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.


    1. Screenshot_7-4
    musab Friend
    #870535

    Hello 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


    1. issue01
    musab Friend
    #870538
    This reply has been marked as private.
    pavit Moderator
    #870542

    Hi

    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

    musab Friend
    #870544

    It works good . thanks a lot .. what about submenu 😀 ?

    pavit Moderator
    #870545

    It 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;
    }
    musab Friend
    #870548

    well , this one it doesn’t work
    find attached


    1. Screenshot-2016-01-28-15.19.14
    pavit Moderator
    #870553

    Sorry 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;
    }
    
    musab Friend
    #870561

    thank 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 Moderator
    #870563

    Add 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;
    }
    musab Friend
    #870607
    This reply has been marked as private.
    pavit Moderator
    #870743

    Hi

    I answered to it

Viewing 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.