WordPress.org

Ready to get started?Download WordPress

Forums

Remove border from menu list (8 posts)

  1. chimmychanga
    Member
    Posted 1 year ago #

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

    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.

  2. Pioneer Valley Web Design
    Member
    Posted 1 year ago #

    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):

    http://credentialsrealestateacademy.com/wp-content/themes/mdesousa/images/menu-lh-short.png

    Modify are re-upload that image...

  3. chimmychanga
    Member
    Posted 1 year ago #

    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).

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

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

    #sidebar ul.menu li, #sidebar-alt ul.menu 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?

  5. chimmychanga
    Member
    Posted 1 year ago #

    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.

  6. chimmychanga
    Member
    Posted 1 year ago #

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

    sidebar ul.menu

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

  7. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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!

  8. simple1
    Member
    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic