Navigation
Archive / Active menu item css not working?
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • June 17, 2016 at 9:03 pm #1047885
    NightFox
    Participant

    Hi there,

    I’d like to show a different colored background for each of the pages of our primary menu navigation on active pages. I’ve tried this for one, but it’s not working?

    Can you please tell me what I’m messing up?

    Thanks a lot

    .menu-item-75 a:active {
    background-color: #000;
    }

    .menu-item-30 a:active {
    background-color: red;
    }

    June 17, 2016 at 9:10 pm #1047892
    NightFox
    Participant
    This reply has been marked as private.
    June 17, 2016 at 11:46 pm #1048039
    Friech
    Moderator

    Hi There,

    Thanks for writing in! You can add this under Custom > CSS in the Customizer.

    .x-nav .current-menu-item a span {color: white;}
.x-nav #menu-item-75.current-menu-item {background-color: #103f4d;}
.x-nav #menu-item-25.current-menu-item {background-color: #8cc63f;}
.x-nav #menu-item-26.current-menu-item {background-color: #7c000a;}
.x-nav #menu-item-30.current-menu-item {background-color: #f1f1f1;}

    Hope it helps, Cheers!

    June 18, 2016 at 5:43 am #1048326
    NightFox
    Participant

    Thanks so much did the job

    June 18, 2016 at 6:50 am #1048366
    Nabeel A
    Moderator

    Glad we could help 🙂

    Cheers!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1047885 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>