Changing font size and line spacing for Moka Theme

• 

  boxplot2013 · Member · Sep 7, 2014 at 1:59 pm

  • Copy link
  • Add topic to favorites

  Hi there,

  I would like to reduce the line spacing for the text in both pages and posts across my entire site (i.e. the body text). As such, I was wondering I could use a CSS code?

  I would also like to change the font size of the body text. I’m aware that I can do this using the customise function, but I would like to reduce just the text in pages/posts and not the menu…

  I have tried using various CSS codes suggested on the forum but they don’t seem to work for my theme. The theme I am using is Moka.

  Any help would be much appreciated.

  Thanks!

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

• 

  timethief · Member · Sep 7, 2014 at 4:00 pm

  • Copy link

  The codes you tried do not work for your theme because all CSS editing is theme specific editing. As you have made your blog visibility private no Volunteers can see the blog and assist you.

• 

  hallluke · Member · Sep 7, 2014 at 8:56 pm

  • Copy link

  Here’s how you can change the entry content font size and line height in the Moka theme:

  .entry-content p,
  .entry-summary p,
  .entry-content ul,
  .entry-content ol {
    font-size: 1.2rem;
    line-height: 1.5;
  }

• 

  boxplot2013 · Member · Sep 8, 2014 at 12:43 am

  • Copy link

  Thank you very much! It seemed to work well for the line spacing, but I couldn’t see a difference in the font size…. I’m not sure why that would be?

  Anyway, many thanks again for your help.

• 

  hallluke · Member · Sep 8, 2014 at 5:47 am

  • Copy link

  Does it not change anything even if you change the font-size value to something huge like “3rem” or “48px”?

• 

  jeremeylduvall · Member · Sep 9, 2014 at 10:07 pm

  • Copy link

  @boxplot2013 – Can you give this a try for increasing the font size within the body text of the Mocha theme?

  .wf-active .entry-content p {
  font-size: 58px;
  }

  Obviously, you’ll want to adjust the 58px a bit! :) Let us know if that doesn’t work.

• 

  boxplot2013 · Member · Sep 11, 2014 at 10:45 am

  • Copy link

  Hi there,

  Thank you both very much for your help. The last suggestion worked perfectly.

  Cheers!