Change font size and page layout

• 

  maxinemou · Member · Jan 4, 2018 at 4:28 pm

  • Copy link
  • Add topic to favorites

  Hi all!

  I need to smaller the font size for both heading and paragraph. And it would be better if I could revise the current space between lines.

  Thanks!

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

• 

  staff-frank · Staff · Jan 4, 2018 at 4:53 pm

  • Copy link

  Hi there,

  The following custom CSS decreases font sizes:

  p {
      font-size: 90%;
  }
  
  .single .post-title {
      font-size: 2em;
  }

  Try this for the line spacing:

  .post-content p {
      line-height: 150%;
  }

  Adjust the values to suit your liking.

  Let us know if this is what you had in mind.

• 

  maxinemou · Member · Jan 5, 2018 at 3:41 am

  • Copy link

  Thanks a lot! It’s exactly what I need.
  BTW, is there a way to lessen the space between heading and paragraph? There’s just too much blank space now.

• 

  staff-frank · Staff · Jan 5, 2018 at 6:06 am

  • Copy link

  You’re welcome :-)

  For the space between the title and content, try this:

  .post-header {
      padding: 3% 10%;
  }
  
  .single .post-content {
      padding: 5% 10%;
  }

  You can try using both rules or just one of the two, depending on how you want it to look.

• 

  maxinemou · Member · Jan 5, 2018 at 2:01 pm

  • Copy link

  It works very well for me!
  Thanks a lot!

  Are you a front programmer?

• 

  staff-frank · Staff · Jan 5, 2018 at 2:11 pm

  • Copy link

  You’re very welcome! Glad I could help :-)

  Are you a front programmer?

  Not exactly. I just know a little CSS :-)

  Cheers!