Support » Fixing WordPress » Remove border from menu list

  • I am trying to remove the border from my sidebar-alt menu (left side of page)
    page site:

    I have looked everywhere and tried to add border-bottom:none; everywhere I could find referenced, but I am at a loss for where to make the change. Any thoughts? Thank you so much for your help. I am sure it is staring me right in the face.

Viewing 7 replies - 1 through 7 (of 7 total)
  • First, the container’s background is white and so is the text that is displayed over this image (so when we hide the image with a web inspection tool the whole menu disappears):

    Modify are re-upload that image…

    I am confused. The image is causing the issue? I changed the background color to blue, does that help?
    I am not good at modifying images (I have to have to pay for each change so I am trying to avoid that).

    Do you mean the white “borders” between the items? Those are margins here:

    #sidebar li, #sidebar-alt li {
        background-color: #034285;
        background-image: url("images/menu-lh-short.png");
        border-bottom-style: none;
        color: #FFFFFF;
        list-style-type: none;
        margin-bottom: 2px;
        margin-top: 2px;
        padding: 4px 0 4px 3px;

    Or is it something else that I’m missing?

    Ok, I returned the page back to no background color where the menu exists. you can now see the lines I was originally talking about.

    ok, I think I got it. I had to fix the height of the


    to the image height and get rid of the padding. It seems to work now. Thanks everybody for the help and ideas.

    Which lines – the white ones are the margins in the CSS above. If you want solid blue background, why not just use the background color – no image?

    EDIT – cross-posted – sounds like you got it – great!

    The white line is part of the background image of each menu item (as noted by Seacoast Web Design), so replace the background image with a solid color that matches the container’s background color. That should give you a solid menu with no borders.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Remove border from menu list’ is closed to new replies.