Need help? Check out our Support site, then


Change font in menu bar of TwentyTen

  1. Hello, I would like to change the font of the pages in the black menu bar of my blog, wellbeauty.wordpress.com (the Home and About Me). It currently does not stand out very much, so I'd like to make it bolded and perhaps change the font and color. I've looked up how to do the font in CSS, but can't figure out what # to attach it to, I've tried #header, #masthead, #menu and none work :o( Any ideas?

    The blog I need help with is wellbeautyblog.com.

  2. The first will allow you to change the font family and weight. The second controls the color of the "current page" menu item color. The third will control the non-active menu item color (not hovered or active) and the last sets the hover color for the different menu items.

    One note on fonts: The fonts you declare, if you are not using the online Typekit font service) must be installed on the visitor's computer as that is where the browser will pull fonts from to use in rendering a web page. If the font is not there, then the browser will look at the next font in the font stack (list of fonts you declare) and so on and in the end if none of the fonts you have specified are on the computer, it will use either the browser standard serif or sans-serif font. Here is a good source of what fonts are common to all platforms:

    http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html .

    .menu {
    font-family: "Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;
    font-weight: bold;
    }
    
    #access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a {
    color: #FFFFFF;
    }
    
    #access a {
    color: #AAAAAA;
    }
    
    #access li:hover > a, #access ul ul:hover > a {
    color: #FFFFFF;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic