Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 28, 2019 at 8:42 pm #1114358
    chanjelin

    I am using a plugin that allows me to use shortcodes in my menu. I’ve used this to create a menu items that activate a pop-up when clicked.

    However, using this plugin has removed the built-in ability to add a border around that menu item.

    I think it should still be possible to accomplish this with CSS… but I really have no idea how.

    As a novice, I am not able yet to write my own CSS code, or know how to use it.

    Will someone help me with this?

    The website in question and access is in the private content below.

    Thank you!

    June 29, 2019 at 4:07 pm #1114449
    Victoria

    Hey chanjelin,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top #menu-item-554 a,
#top #menu-item-559 a,
#top #menu-item-557 a,
#top #menu-item-556 a {
    border: 2px solid;
    border-radius: 2px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    June 29, 2019 at 4:59 pm #1114462
    chanjelin

    You are a legend Victoria, it worked perfectly!
    Thank you :)

    • This reply was modified 5 years, 5 months ago by chanjelin.
    June 29, 2019 at 8:15 pm #1114505
    Victoria

    Hi chanjelin,

    Thank you :)

    Glad we could help!

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘How can I use CSS to add a border around a menu item?’ is closed to new replies.