How do I get my fonts to stop resizing with every click?

• 

  iamnotmommy · Member · Jul 29, 2014 at 8:16 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I resized the fonts for the headings and body text in my theme (confit) using the options in the customize menu. Now whenever I click a link in the nav menu, the page refreshes, and I can see the font size increasing from the original size to the one I chose.

  Is there a way to fix this?

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

• 

  gracejiyoung · Member · Jul 30, 2014 at 9:20 pm

  • Copy link

  Hi there,

  I was able to see that too! If you edit CSS and add the code for the font size it shouldn’t do that any more.

  Please go to Appearance > Customize > CSS and add this:

  .menu ul li a {
  	font-size: 20px;
  }

  That will do it! Let me know if you have any questions with this!

• 

  iamnotmommy · Member · Aug 4, 2014 at 11:31 pm

  • Copy link

  Thanks Grace,

  That worked, kind of. It worked for the custom menu, but not for the other headings on the site…any more ideas?

• 

  gracejiyoung · Member · Aug 4, 2014 at 11:39 pm

  • Copy link

  Are you talking about the Site Title? The title is set to ease in from left to right at a speed of 0.2 seconds. That was actually a part of the design. However, would you prefer that to not be the case?

  If you want to get rid of that you can add this to your CSS;

  #page a {
  	transition: none;
  }

  Cheers!

• 

  iamnotmommy · Member · Aug 5, 2014 at 11:52 pm

  • Copy link

  thank you for your help!

• 

  gracejiyoung · Member · Aug 6, 2014 at 12:06 am

  • Copy link

  You’re very welcome!

  Cheers!