Need help? Check out our Support site, then


can't remove menu/navbar gray boarders surrounding page categories

  1. Working within the Twenty-eleven theme: Customizing menu:
    Objective: to eliminate the black background/horizontal navbar
    and have the menu/page categories appear as black text on a white page without background or boarders.
    I’ve removed the black background but I’m still left with a gray boarder and a bottom drop shadow — surrounding the text.
    I’ve gone as far as I can with the css but the boarder still remains.
    I’ve copied my edited css for your perusal.
    Thanks
    Howard

    #access {
    background:#fff;
    display:block;
    float:left;
    width:85%;
    margin:0 50px;
    }

    #access ul {
    font-size:13px;
    list-style:none;
    padding-left:0;
    background:#fff;
    color:#222;
    margin:0 0 0 -.8125em;
    }

    #access li {
    float:left;
    position:relative;
    }

    #access a {
    color:#222;
    display:block;
    line-height:3.333em;
    text-decoration:none;
    padding:0 1.2125em;
    }

    #access ul ul {
    display:none;
    float:left;
    position:absolute;
    top:1.333em;
    left:0;
    width:188px;
    z-index:99999;
    margin:0;
    }

    #access ul ul ul {
    left:100%;
    top:0;
    }

    #access ul ul a {
    background:#fff;
    font-size:13px;
    font-weight:normal;
    height:auto;
    line-height:1.4em;
    width:100px;
    padding:5px;
    }

    #access li:hover > a,#access ul ul :hover > a,#access a:focus {
    background:#fff;
    }

    #access li:hover > a,#access a:focus {
    color:#FF3707;
    background:#fff;
    }

    #access ul li:hover > ul {
    display:block;
    }

    #access .current-menu-item > a,#access .current-menu-ancestor > a,#access .current_page_item > a,#access .current_page_ancestor > a {
    font-weight:bold;
    }

    The blog I need help with is loosendsdotme.wordpress.com.

  2. Please note that you did not not provide an active link starting with http:// to the blog in question. Staff provide CSS editing support but will not be available until Tuesday:

    Support will be closed this Sunday and Monday. It will re-open on Tuesday, February 28th. The forums are open over the break.

  3. I’ve removed the black background but I’m still left with a gray boarder and a bottom drop shadow — surrounding the text.

    To remove the gray border and box shadow from the top menu on the Twenty Eleven theme, try this:

    #access {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    }
  4. Thanks !

  5. Cheers! :)

Topic Closed

This topic has been closed to new replies.

About this Topic