• Resolved simich162

    (@simich162)


    I’d like to change the font of the menu to bold, same font and size, but bold. How/where do I do that in the css? Here’s an ectract of the stylesheet of the theme that I’m using. Thanks all!

    /** Global **/
    
    * { margin: 0; padding: 0; }
    body { font-family: arial, verdana, georgia; font-size: 12px; background-color: #FFFFFF;  color: #c7c7c7; }
    #outside_container { margin: 0 auto; background-color: #fff; border-top: 7px solid #FFFFFF; width: 1039px; }
    #main_container { width: 959px; margin: 0 auto; }
    h1,h2,h3,h4,h5,p { margin: 10px 0; }
    h1 { font-size: 15px; }
    a { color: #A1A1A1; text-decoration: none; }
    a:hover { text-decoration:underline; }
    .clear { clear: both; }
    .left { float: left; }
    .right { float: right; }
    img { border: none; }
    
    /** Header **/
    
    #header { }
    .header_top_text { padding: 5px 0; text-align: center; font-size: 20px; border-bottom: 1px dotted #ccc; color: #999; }
    .header_text_cont { float: right; padding: 0 25px 0 15px; margin: 10px 0; border-left: 1px solid #ddd; width: 275px; }
    .logo { float: left; margin-top: 15px; }
    
    #menu_container { padding: 5px 0; border-bottom: 1px solid #FFF; }
    #menu_container ul { list-style-type: none; }
    #menu_container ul li { float: left; font-size: 12px; }
    #menu_container ul li a { display: block; padding: 5px 15px; color: #999; text-decoration: none; }
    #menu_container ul li a:hover { background-color: #333; color: #999; }
    
    .current-menu-item a { background-color: #333; color: #999; }
    
    .header_search { float: right; position: relative; }
    .header_search input[type=text] { width: 284px; height: 28px; border: 1px solid #EEEEEE; padding-right: 30px; }
    .search_icon { position: absolute; right: 10px; top: 10px; }
    
    #slider_container { padding: 10px 0; border-bottom: 1px solid #E5E5E5; }
    #single_container { padding: 20px 0; }
    
    .home_blog_box { float: left; width: 306px; margin: 10px 20px 1px 0; }
    .home_blog_box img { width: 306px; height: 215px; opacity:1.0; filter:alpha(opacity=100); }
    .home_blog_box img:hover { opacity:0.8; filter:alpha(opacity=80); }
    .home_blog_box_last { margin-right: 0; }
    .home_blog_box h3 { font-size: 12px; font-weight: normal; color: #a4a4a5; }
    .home_blog_box h3 a { color: #a4a4a5; text-decoration: none; }
    .home_blog_box h3 a:hover { color: #333; }
    
    .home_port_cont { border-top: 1px solid #E5E5E5; padding: 5px 0 25px; }
    .home_port_box { float: left;  width: 306px; height: 387px; margin: 10px 20px 10px 0; }
    .home_port_box img { width: 306px; height: 387px; opacity:1.0; filter:alpha(opacity=100); }
    .home_port_box img:hover { opacity:0.8; filter:alpha(opacity=80); }
    .home_port_box_last { margin-right: 0; }
    .home_port_box h3 { font-size: 12px; font-weight: normal; color: #a4a4a5; }
    .home_port_box h3 a { color: #a4a4a5; text-decoration: none; }
    .home_port_box h3 a:hover { color: #333; }
    
    #single_left { width: 628px; float: left;  }
    #single_left p { color: #888888; }
    .blog_box { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #E5E5E5; }
    .blog_box p { color: #3E3E3E; }
    .blog_box h3 { font-size: 15px; }
    .blog_box h3 a { color: #c7c7c7; text-decoration: none; }
    .blog_box h3 a:hover { color: #333; }
    .blog_box img { width: 625px; height: 152px; }
    
    .port_box { float: left; width: 306px; margin: 5px 20px 5px 0; }
    .port_box_last { margin-right: 0; }
    .port_box_divider { border-bottom: 1px solid #c7c7c7; margin: 5px 0 10px; }
    .port_box img { width: 306px; height: 387px; }
    .port_box h3 a { color: #c7c7c7; text-decoration: none; }
    .port_box h3 a:hover { color: #333; }
    
    .navigation { padding: 15px 0; }
    .navigation a { color: #000000; text-decoration: none; }
Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘How do I change menu font?’ is closed to new replies.