Customize font size

• 

  ppohjonen · Member · Apr 13, 2017 at 1:24 pm

  • Copy link
  • Add topic to favorites

  Hi, I wondered if someone might be able to help me to advise on how I can customize the font size on my website please? I would like to customize the main body of text + the heading if possible.
  Many thanks for your time and advice.

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

• 

  otpidusprime · Member · Apr 13, 2017 at 2:17 pm

  • Copy link

  Hello @ppohjonen,
  For the header fonts, you can change the font size using the site customizer.
  Go to My Sites → Customize(Beside the Themes Option). On the sidebar of the Customizer click on Fonts >. Below the Dropdown on the Headings section you can see 2 options, the option on the left is used to set the weight of the font(how bold the font should be) and the option on the right sets the font size of the headings.

  If you don’t wanna do it that way and you have upgraded your account to a Premium or a Business plan, then you can use the CSS Editor from the CSS tab on the sidebar of the customizer.

  And then add these codes to the editor:
  To customize the post titles(headers):

  .entry-title {
      font-size: 40px !important;
  }

  To customize all the headers, select the h1, h2, h3, h4, h5, h6 and use the font-size CSS property to set custom font-sizes:

  // h1 is the largest, h6 is the lowest. Edit the font-sizes according to your need.
  h1 {
     font-size: 40px;
  }
  
  h2 {
     font-size: 35px;
  }
  
  h3 {
     font-size: 30px;
  }
  
  h4 {
     font-size: 25px;
  }
  
  h5 {
     font-size: 20px;
  }
  
  h6 {
     font-size: 15px;
  }

  To customize the body text:

  .entry-content {
      font-size: 16px !important;   // change this value according to your need.
  }

  NOTE: Editing CSS is a part of the Premium and Business WordPress.COM plans. If you are not on these plans, then please upgrade to access the CSS Editor. If you are already on one of these plans then ignore this note. :)

  Read more about editing CSS here:
  https://en.support.wordpress.com/custom-design/editing-css/

  Read more about the above mentioned WordPress.COM plans here:
  https://wordpress.com/pricing/

  Hope this helps :)

• 

  ppohjonen · Member · Apr 13, 2017 at 3:39 pm

  • Copy link

  Hi otpidusprime,

  Many thanks for the CSS script its very helpful. When I try and change the body text, the script includes the text box towards the bottom of the page which is ‘client testimonials’ on my page. Is there a way of changing the text for body text and not this text box?

  Thanks.

  ppohjonen

• 

  otpidusprime · Member · Apr 13, 2017 at 5:29 pm

  • Copy link

  Yes.. Try this code:

  .status-publish > .entry-content > p {
      font-size: 16px;
  }