Hemingway Rewritten – increase font size for nav menu

• 

  poetryintervention · Member · Aug 1, 2014 at 2:48 am

  • Copy link
  • Add topic to favorites

  Hello,
  I am just getting started creating a blog using the Hemingway Rewritten theme, and I am wondering how I might edit the CSS to increase the font size of the primary navigation menu. I found a forum discussion elsewhere on this topic, but the suggested CSS edit (pasted below) did not work for me.

  Thank you for any info!
  -Libby

  .wf-active .main-navigation a {
  font-size: 12px;
  }

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

• 

  vinoddalvi · Member · Aug 1, 2014 at 2:00 pm

  • Copy link

  To increase the font size of your nav menu try using the following CSS code by adding it in your site using CSS editor

  To add Custom CSS you’ll need the Custom Design upgrade, which you can purchase in your dashboard under Store.

  .main-navigation a {
     font-size: 14px;
  }

  Best Regards,
  Vinod Dalvi

• 

  poetryintervention · Member · Aug 1, 2014 at 4:02 pm

  • Copy link

  Perfect! Worked like a charm – thank you, Vinod. I had the Custom Design upgrade, but not the right CSS code. This is excellent.

  Very much appreciated. -Libby

• 

  vinoddalvi · Member · Aug 1, 2014 at 4:47 pm

  • Copy link

  You are most welcome, if I can be of any further assistance please don’t hesitate to ask :)

• 

  diveristyallianceinitiative · Member · Aug 6, 2014 at 5:42 pm

  • Copy link

  Hi, the code you posted above did not work for me. I used this one:

  .wf-active .main-navigation a {
  font-size: 14px;
  }

  but when I go to a different page, it reverts back to the original site.

  the site I need help with is http://goodneighborsmanycolors.org/

  thank you!

• 

  vinoddalvi · Member · Aug 6, 2014 at 6:14 pm

  • Copy link

  Hi @diveristyallianceinitiative,

  Have you tried using the following code posted in my previous reply?

  .main-navigation a {
     font-size: 14px;
  }

  Regards,
  Vinod Dalvi

• 

  designsimply · Member · Sep 2, 2014 at 4:12 pm

  • Copy link

  but when I go to a different page, it reverts back to the original site

  I checked the contact page at http://goodneighborsmanycolors.org/contact/ and it looks like the code you are using is working to adjust the font size on that page.

  Note that the “.wf-active” part of that CSS selector makes it so it only applies to areas where a custom font is being used. So, if you were to go to Appearance > Customize > Fonts and switch back to the default fonts, then the “.wf-active .main-navigation a” rule would no longer work and you would need to use a rule such as “.main-navigation a” as vinoddalvi suggested.