Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
  • #11991

    Like the title says, how do I change the Menu font as in the menu bar that says: “Home | Motorsport | Aviation | Contact | Advertise | Shortcodes | Home | Gears”

    I want to change it to: “Century Gothic Bold”

    And how might I change its colour?

    Also, I want to change the font for the rest of the site to: “Century Gothic Regular”

    Thanks so much!


    Any help please? My website is http://www.greaseandgears.com


    Hi bcopping,

    To change the menu’s font, you’ll need to add this to your custom.css:

    .main_menu {
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    font-weight: bold;

    To change the menu’s color:

    .main_menu a { /* this is the normal state */
    color: #777777;

    .main_menu a:hover,
    .main_menu .current-menu-item a { /* this is the hover/current state */
    color: #777777;

    You’ll need to change the #777777 to whatever color you want to use.

    To change the body color:

    body { font-family: "Century Gothic", arial, helvetica, sans-serif; }




    Testing now! I’ll report back!

    Thanks so much.



    You’re welcome. Let us know.




    So I updated the code which almost worked perfectly EXCEPT for changing the Body text. It changed the right hand side “Recent Posts” to Century Gothic but none of the other categories updated to Century Gothic.

    Does that make sense?


    Hi bcopping,

    Sorry about that. Let’s see if we can switch the other parts.

    body, .post_excerpt p, .entry-content, .blog-meta, .tweet-text.avatar_no, .widget_rss li div, .recentcomments a,
    .read-more-icon strong, #top .pagination .pagination-meta,
    #comments span, .minitext, .form-allowed-tags, #reply-title small, #commentform label,
    .author_name, .commentmetadata, .message_data textarea, #comment,
    .text_input, .button, #commentform input, .text_area, .wp-caption-text, cite,
    .text_input, textarea, select, .textwidget {
    font-family: "Century Gothic", arial, helvetica, sans-serif;

    h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, #top .widgettitle, #top .widgettitle a, .miniheading, .related_single_heading, #top .post-title {
    font-family: "Century Gothic", arial, helvetica, sans-serif;




    Amazing! I think it’s all working for now. I’ll report back.


    You might want to check this:


    If your chosen font isn’t a system default and you are not using a type integration system like cufon, google fonts or typekit, no one else will see the font the same way as you do.



    bcopping – I hope it worked out?

    Best regards,



    Sorry for the late reply but yes, that issue is fixed! I now have another one I’m about to post though!

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

The topic ‘How to change Menu font?’ is closed to new replies.