How can I set the borders of the menu items

  • Resolved charlieusa

    (@charlieusa)


    8 years, 2 months ago

    I need some assistance in setting the borders of the menu items in the drop down menu. I wish to set the color of the framing around the drop-down menu items from the default white to black, using in the snippit below.

    The first 2 lines work ( border-left: #000000; and border-right: #000000;) changing the left and right sides from white to black.

    the top and/or bottom lines do not work and need your suggestions
    How can I remove the white line between menu items?

    /*  drop down menu  border settings */
.sf-menu ul {
border-left: #000000;
border-right: #000000;
border-top: #000000;
border-bottom: #000000;
}

    To view the issue:
    web address is https://greaterbostonhypnosis.com/
    I wish to remove the white lines between menu items in the drop down menu.

    Thanks in advance

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hello Charlie,
    Try adding this CSS:

    ul.sf-dropdown-menu {
    border: black;
}
.sf-menu ul li {
    border: none;
}

    You should be able to replace your above CSS with this. it will just tidy it up a bit and make it shorter.

    Let me know if that works for you!
    -Kevin

    Thread Starter charlieusa

    (@charlieusa)

    Thanks very much Kevin

    Its perfect.. thanks again

    PS I marked this resolved.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How can I set the borders of the menu items’ is closed to new replies.