WordPress.org

Forums

Twentyeleven Menu Bar "box lines" (4 posts)

  1. gsbohn
    Member
    Posted 3 years ago #

    site: PeriodDrama

    I am using a child theme.

    If you go to the site, you'll see light outlines around the Primary menu bar. I want to get rid of those, but don't know where in this code to change it. Help is appreciated.

    #access {
    	background: transparent; /* Show a solid color for older browsers */
    	/*background: -moz-linear-gradient(#252525, #0a0a0a);
    	background: -o-linear-gradient(#252525, #0a0a0a);
    	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); /* older webkit syntax */
    	background: -webkit-linear-gradient(#252525, #0a0a0a);
    	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;*/
    	clear: both;
    	display: block;
    	float: left;
    	margin: 0 auto 6px;
    	width: 100%;
    	font-style:italic;
    
    }
    #access ul {
    	font-size: 13px;
    	list-style: none;
    	margin: 0 0 0 -0.8125em;
    	padding-left: 0;
    }
    #access li {
    	float: left;
    	position: relative;
    }
    #access a {
    	color: #000000;
    	display: block;
    	line-height: 3.333em;
    	padding: 0 1.2125em;
    	text-decoration: none;
    	font-style:italic;
    }
    #access ul ul {
    	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    	display: none;
    	float: left;
    	margin: 0;
    	position: absolute;
    	top: 3.333em;
    	left: 0;
    	width: 188px;
    	z-index: 99999;
    }
    #access ul ul ul {
    	left: 100%;
    	top: 0;
    }
    #access ul ul a {
    	background: #f9f9f9;
    	border-bottom: 0px dotted #ddd;
    	color: #444;
    	font-size: 13px;
    	font-weight: normal;
    	height: auto;
    	line-height: 1.4em;
    	padding: 10px 10px;
    	width: 168px;
    }
    #access li:hover > a,
    #access ul ul :hover > a,
    #access a:focus {
    	background: #ac87ad; /*purple*/
    }
    #access li:hover > a,
    #access a:focus {
    	background: #f9f9f9; /* Show a solid color for older browsers */
    	background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
    	background: -o-linear-gradient(#f9f9f9, #e5e5e5);
    	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
    	background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
    	color: #373737;
    }
    #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;
    }
  2. Andrew
    Forum moderator
    Posted 3 years ago #

    I don't see any outlines/border lines, have you solved this issue? If so, mark it resolved.

  3. gsbohn
    Member
    Posted 3 years ago #

    Since you cannot see them, I've checked. - Bizarre to say the least.

    Firefox (my browser) and Opera show the lines

    Explorer does not, and looks great.

    Chrome has not picked up the "transparent" call for the menu bar and it is still blacked out completely - hiding all of the links.

  4. gsbohn
    Member
    Posted 3 years ago #

    Although it looks good in IE, the search box decided to take up residence on top of the menu bar, hiding links underneath.

    Browsers, gotta love 'em NOT.

Topic Closed

This topic has been closed to new replies.

About this Topic