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:
    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 menu boarder still remains.
    Thanks

    Howard
    http://loosendsdotme.wordpress.com/
    (body {
    padding:0 2em;
    }

    #page {
    max-width:1000px;
    margin:2em auto;
    }

    #branding hgroup {
    margin:0 7.6%;
    }

    #access div {
    margin:0 7.6%;
    }

    #primary {
    float:left;
    width:100%;
    margin:0 -26.4% 0 0;
    }

    #content {
    width:65.4%;
    margin:0 15% 0 2.6%;
    }

    #secondary {
    float:right;
    margin-right:2.6%;
    width:18.8%;
    }

    #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;
    }

    #branding #searchform {
    position:absolute;
    top:3.8em;
    right:7.6%;
    text-align:right;
    }

    #branding #searchform div {
    margin:0;
    }

    #branding #s {
    float:right;
    width:72px;
    }

    #branding #s:focus {
    background-color:#f9f9f9;
    width:165px;
    }

    #branding #searchsubmit {
    display:none;
    }

    #branding .only-search #searchform {
    top:5px;
    z-index:1;
    }

    #branding .only-search #s {
    background-color:#fff;
    color:#222;
    border-color:#ccc;
    }

    #branding .only-search #s,#branding .only-search #s:focus {
    width:85%;
    }

    #branding .only-search #s:focus {
    background-color:#fff;
    }

    #branding .with-image #searchform {
    top:auto;
    bottom:-27px;
    max-width:195px;
    }

    #branding .only-search + #access div {
    padding-right:205px;
    }

    a {
    color:#3E4A53;
    text-decoration:none;
    }

    a:focus,a:active,a:hover {
    text-decoration:underline;
    }

    .assistive-text {
    position:absolute!important;
    clip:rect(1px,1px,1px,1px);
    }

    #access a.assistive-text:active,#access a.assistive-text:focus {
    background:#fff;
    border-bottom:1px solid #fff;
    color:#000;
    clip:auto!important;
    font-size:12px;
    position:absolute;
    text-decoration:underline;
    top:0;
    left:7.6%;
    } )

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

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.