can't remove menu/navbar gray boarders surrounding page categories
-
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: (visible only to logged in users)
-
This question was already answered at https://en.forums.wordpress.com/topic/cant-remove-menunavbar-gray-boarders-surrounding-page-categories?replies=4#post-830037
- The topic ‘can't remove menu/navbar gray boarders surrounding page categories’ is closed to new replies.