http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Sun, 26 May 2013 01:03:53 +0000 http://themeshaper.com/forums/topic/how-to-change-child-menu-spacing#post-8466 Mon, 14 Dec 2009 07:06:13 +0000 him 8466@http://themeshaper.com/forums/ <p>I'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:</p> <p>#access {<br /> background:#F5EEE6;<br /> font-size:14px;<br /> font-weight:bold;<br /> border-top:0px solid #A2A2A2;<br /> border-bottom: 0px;<br /> margin-top:0px;<br /> width: 100%;<br /> float:left;<br /> height: 26px;<br /> }<br /> .sf-menu {<br /> border: 0px;<br /> text-color:#000;<br /> float:left;<br /> line-height:1;<br /> }<br /> .sf-menu a {<br /> border-bottom:0px solid #CCCCCC;<br /> border-left:0px solid #CCCCCC;<br /> border-top:0px solid #CCCCCC;<br /> padding:6px 14px;<br /> text-decoration:none;<br /> }<br /> .sf-menu a, .sf-menu a:visited {<br /> border: 0px;<br /> color: #000; /*Sets top level font color*/<br /> }<br /> .sf-menu li li a, .sf-menu li li a:visited {<br /> color: #000; /*Sets second level font color*/<br /> }<br /> .sf-menu li { /* top level elements */<br /> background: #F5EEE6;<br /> }<br /> .sf-menu li li { /* second level elements */<br /> background: #F5EEE6;<br /> }<br /> .sf-menu li li li { /*third level elements */<br /> background: #F5EEE6;<br /> }<br /> .sf-menu li:hover { /* still haven't found this one */<br /> background: #F5EEE6;<br /> outline: 0;<br /> }<br /> .sf-menu li li:hover { /* second level elements */<br /> background: #000;<br /> }<br /> .sf-menu li.sfHover { /* active level element */<br /> background: #F5EEE6;<br /> outline: 0;<br /> }<br /> .sf-menu ul a { /* subs bg color */<br /> background:#F5EEE6;<br /> }<br /> .sf-menu ul:hover { /* subs font color */<br /> color:white;<br /> }<br /> .sf-menu a:focus { /* current menu */<br /> background: #000;<br /> outline: 0;<br /> }<br /> .sf-menu a:hover { /* hovered element */<br /> background: #D6CDC0;<br /> outline: 0;<br /> }<br /> .sf-menu a:active { /* click element */<br /> background: #000;<br /> outline: 0;<br /> } </p> http://themeshaper.com/forums/topic/how-to-change-child-menu-spacing#post-8423 Sat, 12 Dec 2009 12:15:44 +0000 him 8423@http://themeshaper.com/forums/ <p>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. </p>