Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 21, 2017 at 9:42 pm #781417
    dcashion

    Hi there guys,
    Hoping you can help me out please. I’m not great at CSS and I’m trying to add a box (2px-with border colour #0065a1) to a specific menu item (id=4138) in my top menu. I used the following but the gap between the text and the box is way too wide and it doesn’t quite look right. Could you please tell me how I can add a narrow box, with minimum padding around this menu item so that it stands out?

    Thanks as always for your help.

    li#menu-item-4138.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-top-level.menu-item-top-level-4
    {
    border-bottom: 2px solid blue!important;
    border-left: 2px solid blue!important;
    border-right: 2px solid blue!important;
    border-top: 2px solid blue!important;
    }

    April 21, 2017 at 10:15 pm #781439
    Nikko

    Hey dcashion,

    Can you give us a link to your site? so we can take a closer look and try to give you accurate css code :)

    Best regards,
    Nikko

    April 22, 2017 at 5:48 pm #781721
    dcashion

    Thanks Nikko, details below.

    April 22, 2017 at 11:28 pm #781825
    Nikko

    Hi,

    Thanks for providing the link and login details, try adding this css code in Quick CSS (located in Enfold > General Styling):

    #avia-menu #menu-item-4138 > a .avia-menu-text {
    border: 2px solid #0065a1;
    padding: 5px 10px;
    border-radius: 4px;
}

    Hope this helps :)

    Best regards,
    Nikko

    April 23, 2017 at 2:31 pm #781940
    dcashion

    Thanks Nikko

    That worked perfectly. Have a good day!

    /D

    April 23, 2017 at 3:42 pm #781958
    Mike

    Hi,
    Glad Nikko was able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Add a box around a specific menu item in top menu’ is closed to new replies.