Customizing the menu bar

• 

  chandrayog · Member · Sep 12, 2013 at 2:19 pm

  • Copy link
  • Add topic to favorites

  Hi!
  I want to increase the size of the font and change the font in the Menu bar. I’ve purchased the customization package but have been unable to figure out how to customize the menu.
  Please help!
  Thanks in advance

  The blog I need help with is: (visible only to logged in users)

• 

  chandrayog · Member · Sep 12, 2013 at 2:20 pm

  • Copy link

  I forgot to mention, my theme is Twenty Eleven.

• 

  rachelmcr · Member · Sep 13, 2013 at 1:46 pm

  • Copy link

  Hi there! I’d be happy to help you with this.

  In the Twenty Eleven theme, the font for the menu bar is the same as the font for the body text. You can change it by going to Appearance > Customize > Fonts and then picking a font under “Body Text.” Then, you can change the size by clicking the number that appears to the upper right of the font dropdown menu.

  We have additional instructions for changing the font here: Adjusting Font Size and Style

  Please let me know if you have any other questions about that! :)

• 

  chandrayog · Member · Sep 18, 2013 at 5:15 am

  • Copy link

  Hi!
  Thank you for your reply. I’ve already tried that…I want to change the font size/style for only the menu bar and not the body text. Is there any advanced method (like modifying the code) to do this? I’m a noob, but I will try.
  Thanks again :)

• 

  rachelmcr · Member · Sep 18, 2013 at 8:34 am

  • Copy link

  You can use Custom CSS to make more extensive changes to your site design. If you’re new to CSS, we have more information about how it works at these links:

  • CSS Basics
  • Editing CSS

  If you have CSS questions, most of our CSS support is done in our community forums by both staff and volunteers. You can create a new thread in the CSS Customization forum to get support with that:
  https://en.forums.wordpress.com/forum/css-customization

  When you create a CSS-related help request, please make sure to select or link to the WordPress.com blog you’re working on and include a clear description of the change you’re trying to make. It really helps.

  To get you started, here’s how to change the font size for just the menu bar. To add custom CSS, go to Appearance > Customize in your dashboard and select CSS from the Customize tools. In the CSS editor, you can enter the following CSS:

  #access a {
  	font-size: 120%;
  }

  You can change the 120% in that code to make the font size bigger or smaller, as you like. I hope this helps! :)