Navigation
Archive / How to change the color of the Nav bar cursor?
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • June 14, 2016 at 4:55 pm #1042189
    shimoda
    Participant

    How do I change the color of the Nav bar cursor showing above menu items/links? See the red one at lidéal.com.

    Thanks!

    June 14, 2016 at 11:23 pm #1042647
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in!

    You can add this under Custom > CSS in the Customizer:

    .x-navbar .desktop .x-nav > li > a:hover {box-shadow: inset 0 4px 0 0 #ffffff !important;}

    Thanks.

    June 15, 2016 at 8:08 pm #1044320
    shimoda
    Participant

    Great! Thanks!

    June 15, 2016 at 8:44 pm #1044341
    Nico
    Moderator

    Happy to hear that.

    Feel free to ask us again.

    Thanks.

    June 16, 2016 at 9:49 pm #1046391
    shimoda
    Participant

    Well after more review, the color of the cursor is still red for the active menu item. I would like it to be white. The code provided seems to only change hover color. How can I change color for the active menu item as well as the hover color?

    Thanks!

    June 16, 2016 at 11:49 pm #1046502
    Friech
    Moderator

    Hi There,

    Please update the code to this:

    .x-navbar .desktop .x-nav > li > a:hover,
.x-navbar .desktop .x-nav > .x-active > a,
.x-navbar .desktop .x-nav > .current-menu-item > a {
	box-shadow: inset 0 4px 0 0 #ffffff !important;
}

    Hope it helps, Cheers!

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