VictoriaMarie

Member

Forum Replies Created

  • In reply to: Main Navi Styling

    August 15, 2011 at 3:48 am #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;
    
}

    In reply to: Main Navi Styling

    August 14, 2011 at 10:37 pm #12985

    I would like information on the same issue.

    In reply to: Change font size and color in menu bar

    August 14, 2011 at 8:36 pm #15371

    I am hoping to change the color of the highlighted current page on the menu bar, but can’t find how. I’m not sure if that’s the same question “onlineanne” had or not…

Viewing 3 posts - 1 through 3 (of 3 total)