Main Navi Styling

  • southxwest

    #589

    I am trying to remove the black bar under the main nav and remove the black hover state buttons but having issues. I want to use #666 instead of #000 for hover state. I have also incresed the menu font from 12px to 20px and want to change the drop down sub menu to match. Any ideas?

    southxwest

    #12983

    No insight into this?

    svamirac

    #12984

    Firstly, thank you Syahir for a great and customizable theme. Will let you all see mine, as soon as it’s online.

    However, I’m still having some issues, same ones as southxwest. I’d like to remove the black rectangle from the main nav, and instead have letters go bold, for hover and visited states.

    VictoriaMarie

    #12985

    I would like information on the same issue.

    Mod

    Kenneth John Odle

    #12986

    This post might help.

    Ken

    VictoriaMarie

    #12987

    I had already read that post, didn’t quite get it. Played with Custom CSS for a while and figured it out. Here’s my site: http://primalhealthyfit.com. This is what i have in my Custom CSS field:

    #header-menu{
    display: none;
    }

    #secondary-menu > li {
    font: normal 12px tahoma;
    margin: 0 2px;
    }

    #secondary-menu > li {
    font: normal 11px arial;
    margin: 0 2px;
    text-transform: none;
    }

    #secondary-menu li.current_page_item > a, #secondary-menu li.current_page_ancestor > a, #secondary-menu li.current_page_parent > a, #secondary-menu li.current-menu-item > a, #secondary-menu li.current-menu-parent > a, #secondary-menu li.current-menu-ancestor > a, #secondary-menu li.current_page_item > a:visited, #secondary-menu li.current_page_ancestor > a:visited, #secondary-menu li.current_page_parent > a:visited, #secondary-menu li.current-menu-item > a:visited, #secondary-menu li.current-menu-parent > a:visited, #secondary-menu li.current-menu-ancestor > a:visited {
    background: none repeat scroll 0 0 #b0ccd4;
    color: #14161c;
    }
    /* Top level secondary menu, hover and current state */
    #secondary-menu > li:hover,
    #secondary-menu > li.current-menu-item,
    #secondary-menu > li.current-menu-ancestor {
    background: #b0ccd4;
    }
    #secondary-menu > li:hover > a,
    #secondary-menu > li.current-menu-item > a,
    #secondary-menu > li.current-menu-ancestor > a {
    color: #14161c; font: bold
    }
    #secondary-menu > li:hover > a > span,
    #secondary-menu > li.current-menu-item > a > span,
    #secondary-menu > li.current-menu-ancestor > a > span {
    color: #14161c; font: bold
    }

    /* Sub level, default state */
    #secondary-menu ul li a {
    color: #000;
    padding: 7px 15px 6px;
    width: 170px;
    line-height: 16px;
    }
    #secondary-menu ul li {
    background: url(images/sprite_h.png) left -614px repeat-x #dfdfdf;
    }
    #secondary-menu ul li.menu-item-ancestor > a {
    background: url(images/sprite_master.png) -652px -286px no-repeat transparent;
    padding-right: 20px;
    width: 165px;
    }

    /* Sub level header menu, hover and current state */
    #secondary-menu ul li:hover,
    #secondary-menu ul li.current-menu-item,
    #secondary-menu ul li.current-menu-ancestor {
    background-position: left -684px;
    background-color: #c9cfce;
    }
    #secondary-menu ul li:hover > a,
    #secondary-menu ul li.current-menu-item > a,
    #secondary-menu ul li.current-menu-ancestor > a {
    color: #5ca8b8;
    }
    #secondary-menu ul li.menu-item-ancestor:hover > a,
    #secondary-menu ul li.current-menu-item > a,
    #secondary-menu ul li.current-menu-ancestor > a {
    background-position: -652px -319px;
    }
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.