Navigation
Archive / Changing background and menu button outline in the icon stack
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 16, 2017 at 12:52 pm #1409925
    SkeeterHarris
    Participant

    Hi guys,

    I would like to possibly do two things with the side menu in the ICON Stack::

    1. Change the color of the oval circle that goes around each menu item on hover
    2. When hovering over menu item make circle filled in with a color and menu item text go from back to white

    I thought I found part of the answer here by changing “transparent” to a color but that didn’t see to work

    .x-navbar {
    background-color: #E8E8E8;
    }
    .x-navbar .desktop .x-nav>li>a:hover>span,
    .x-navbar .desktop .x-nav>.current-menu-item>a>span {
    border-color: transparent;
    }
    .x-colophon.bottom {
    background-color: #E8E8E8;
    }

    The site is here – http://d29.4d8.myftpupload.com

    Creds to follow

    March 16, 2017 at 12:53 pm #1409928
    SkeeterHarris
    Participant
    This reply has been marked as private.
    March 16, 2017 at 7:52 pm #1410447
    Friech
    Moderator

    Hi There,

    Thank you for writing in! Please add this on your Global Custom CSS on Customizer.

    .x-navbar .desktop .x-nav>li>a:hover>span {
	color: #fff;
	background-color: #008751;
}

    Hope it helps, Cheers!

    March 17, 2017 at 11:00 am #1411162
    SkeeterHarris
    Participant

    Friech,

    That’s perfect! Just love you guys! 🙂

    March 17, 2017 at 3:26 pm #1411443
    Jade
    Moderator

    You’re most welcome. 🙂

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