Modify font size for my post without affecting other parts of the blog

• 

  lorenedevbil · Member · Dec 1, 2016 at 5:31 pm

  • Copy link
  • Add topic to favorites

  Hi there,
  How can I do to modify the font size of my posts (Title and paragrah) without affecting the font size defined else where is my blog.
  Thanks a lot for your help.

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

• 

  innisfreehomestead · Member · Dec 3, 2016 at 8:05 pm

  • Copy link

  Hello there!

  Dropping this code in your custom CSS area should do the trick:

  .single-post .post-title {
  	font-size: 36px;
  }
  
  .single-post .post-content p {
  	font-size: 15px;
  }

  By adding .single usually (I set it to .single-post just in case that was also used for portfolio etc) in front of the other selectors, it will make it so that they should only show on those pages :)

  Let me know if that doesn’t work!
  Sage

• 

  lorenedevbil · Member · Dec 4, 2016 at 1:15 am

  • Copy link

  Hi Sage,
  Thanks a lot, it works perfectly.
  I also would like to reduce my posts title font size in my home page when all posts are gathered like thumbnails.
  Do you think you could also help me on this?
  Thank you

• 

  lorenedevbil · Member · Dec 4, 2016 at 4:24 am

  • Copy link

  One more remark.
  The font size of bullet point text has not been affected by the code.
  You can see the difference at https://blog.mytutorspeaksfrench.com/2016/12/01/bienvenu/
  Any idea to fix up bullet points too?
  Thank you so much

• 

  innisfreehomestead · Member · Dec 5, 2016 at 6:26 pm

  • Copy link

  Hi there,

  Glad that worked!

  I also would like to reduce my posts title font size in my home page when all posts are gathered like thumbnails.

  .home .post-title a {
  	font-size: 20px;
  }

  The font size of bullet point text has not been affected by the code.
  Sorry about that, replacing the second block I originally gave you with this should do the trick: (removing the “p” so that it affects everything in the post, not just paragraphs)

  .single-post .post-content {
  	font-size: 15px;
  }

  Hope that helps!
  Sage

• 

  lorenedevbil · Member · Dec 5, 2016 at 8:53 pm

  • Copy link

  Hi Sage,
  You’re a star! Now my entire post has the same font size and my post titles on my home page look better.
  However now the second line of the post Thumbnail, looks too big “Date -X comments”.
  How can also regulate the font size of the post date and the number of comment displayed on the home page?
  Thank you dearly

• 

  innisfreehomestead · Member · Dec 7, 2016 at 2:33 am

  • Copy link

  Hey there!

  Something like this should work:

  .post-meta {
  	font-size: 11px;
  }

  Hope that helps!
  Sage

• 

  lorenedevbil · Member · Dec 7, 2016 at 2:43 pm

  • Copy link

  Awesome! as usual ;-)
  Thanks

• 

  innisfreehomestead · Member · Dec 9, 2016 at 7:07 pm

  • Copy link

  Aw, thanks ^_^ And my pleasure!

  Sage