Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1052607
    TerryPaul
    Participant

    How do I customize the menu links on http://www.lena.org/dev I want the “NEWS” menu link to have a box around it and contact to be a solid box with reversed type.

    #1052745
    Nabeel A
    Moderator

    Hi Terry,

    Thanks for writing in! Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

    li#menu-item-155 {
        border: 2px solid #5a2152 !important;
    }
    li#menu-item-159 {
        background: #5a2152 !important;
        border: 2px solid #5a2152 !important;
    }
    li#menu-item-159 a {
        color: #fff !important;
        padding-right: 15px !important;
    }

    Let us know how this goes!

    #1052748
    Thai
    Moderator

    Hey There,

    Please add the following CSS under Customizer > Custom > Global CSS:

    .x-navbar .desktop .x-nav > li#menu-item-155 > a {
        padding-top: 34px;
    }
    .x-navbar .desktop .x-nav > li#menu-item-155 > a > span {
        border: 2px solid #000;
        padding: 8px 10px;
        box-shadow: none;
    }
    .x-navbar .desktop .x-nav > li#menu-item-159 > a {
        padding-top: 34px;
    }
    .x-navbar .desktop .x-nav > li#menu-item-159 > a > span {
        background-color: #f0f0f0;
        border: 2px solid #f0f0f0;
        padding: 8px 10px;
        box-shadow: none;
    }

    Hope it helps 🙂

    #1052854
    TerryPaul
    Participant

    Thanks, These worked great.

    #1052874
    Thai
    Moderator

    If you need anything else please let us know.

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