I did all my styling for the superfish menu. Just one thing remains - My first child-menu box shows up with about 2/3 pixel height gap from the parent menu. How can i edit it, so that the first-child menu starts just below the parent menu, without any gap? sorry, im working locally, so don't have any samples to show you.
ThemeShaper Forums » Thematic
How to change child-menu spacing
(2 posts)-
him
MemberPosted 2 years ago # -
him
MemberI've figured out one reason. I reduced my access height from 32 to 26 (6px). And that's roughly the space left between the parent and child menu right now. Here is the code im using:
#access {
background:#F5EEE6;
font-size:14px;
font-weight:bold;
border-top:0px solid #A2A2A2;
border-bottom: 0px;
margin-top:0px;
width: 100%;
float:left;
height: 26px;
}
.sf-menu {
border: 0px;
text-color:#000;
float:left;
line-height:1;
}
.sf-menu a {
border-bottom:0px solid #CCCCCC;
border-left:0px solid #CCCCCC;
border-top:0px solid #CCCCCC;
padding:6px 14px;
text-decoration:none;
}
.sf-menu a, .sf-menu a:visited {
border: 0px;
color: #000; /*Sets top level font color*/
}
.sf-menu li li a, .sf-menu li li a:visited {
color: #000; /*Sets second level font color*/
}
.sf-menu li { /* top level elements */
background: #F5EEE6;
}
.sf-menu li li { /* second level elements */
background: #F5EEE6;
}
.sf-menu li li li { /*third level elements */
background: #F5EEE6;
}
.sf-menu li:hover { /* still haven't found this one */
background: #F5EEE6;
outline: 0;
}
.sf-menu li li:hover { /* second level elements */
background: #000;
}
.sf-menu li.sfHover { /* active level element */
background: #F5EEE6;
outline: 0;
}
.sf-menu ul a { /* subs bg color */
background:#F5EEE6;
}
.sf-menu ul:hover { /* subs font color */
color:white;
}
.sf-menu a:focus { /* current menu */
background: #000;
outline: 0;
}
.sf-menu a:hover { /* hovered element */
background: #D6CDC0;
outline: 0;
}
.sf-menu a:active { /* click element */
background: #000;
outline: 0;
}Posted 2 years ago #
Reply
You must log in to post.