Modify font size for my post without affecting other parts of the blog
-
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)
-
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 -
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 -
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 -
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 -
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 -
Hey there!
Something like this should work:
.post-meta { font-size: 11px; }Hope that helps!
Sage -
-
- The topic ‘Modify font size for my post without affecting other parts of the blog’ is closed to new replies.