change submenu font/color/size

  • Resolved lisanguyendang

    (@lisanguyendang)


    11 years ago

    What is the code for changing the font/color/size of the submenu?

    My website: thisdangfamily.com
    Theme: Sugar & Spice

    I’ve found some codes on the help forum, but it hasn’t worked for my site. Thanks!
    These are the ones I’ve tried:

    #main-navigation .sub-menu li {
    font-size: 1.3em !important;
    }

    #top-navigation .sub-menu li {
    font-size: 1.3em !important;
    }

Viewing 2 replies - 1 through 2 (of 2 total)
  • Will Schmierer

    (@officialwill)

    11 years ago

    Hi There,

    Looks like if you look starting at line 325 of your css file, you can make some adjustments there to change, font color size etc. 

    /* Submenus */
nav#main-nav ul ul {
    width: 180px;
    display:none;
    position:absolute;
    top: 19px;
    left: -10px;
    z-index: 10;
    margin: 0;
}
nav#main-nav ul ul li {
    display:block;
    position:relative;
    background-color:#ffffff;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px dashed #e1e1e1;
    margin:0;
}
nav#main-nav ul ul li:last-child {
    border-bottom: 1px solid #e1e1e1;
}

nav#main-nav ul ul li a {
    padding:11px 6px 12px 6px;
    display:block;
    font-size: 14px;
    color:#a7a7a7;
    text-transform: uppercase;
    line-height:1.4em;
    text-decoration: none;
}

    Hope this helps locate the items you’re trying to change.

    Will

    Thread Starter lisanguyendang

    (@lisanguyendang)

    11 years ago

    It worked! Thanks so much!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘change submenu font/color/size’ is closed to new replies.