ThemeShaper Forums » Thematic

[closed]

How to change child-menu spacing

(2 posts)
  • Started 4 years ago by him
  • Latest reply from him
  • This topic is not resolved
  1. him
    Member

    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.

    Posted 4 years ago #
  2. him
    Member

    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:

    #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 4 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.