Jump to content

Change H2 and H3 font size in blog posts only

By EmilyLewis, in Customize with code

Go to solution Solved by Ziggy,

Recommended Posts

  • Replies 5
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Ziggy
Ziggy

Add this Custom CSS: .blog-item-wrapper article.entry { h2 { font-size:2rem; } h3 { font-size:1.5rem; } } Let me know if that helps.

EmilyLewis
EmilyLewis

Hey, I need help adding CSS code to change the font size of H2 and H3 within the blog posts only. I am happy with the size elsewhere on the website but it looks too large for blog posts. Please help. 

EmilyLewis
EmilyLewis

Hey @Ziggy yes here is a blog post but I've got more https://twofold-studios.com/blog/8-qualities-of-a-good-website  I want to change all H2 and H3 on all blog posts to a smaller font size, witho

Ziggy Level 14

Ziggy

Posted
Posted

Can you share your website URL and a blog post that has heading that are too large.

How much smaller do you want the headings?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
⬛ SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
✨ Spark Plugin (Referral link) 

☕ Did I help? Buy me a coffee?

Link to comment
EmilyLewis Level 4

EmilyLewis

Posted
  • Author
Posted

Hey @Ziggy yes here is a blog post but I've got more https://twofold-studios.com/blog/8-qualities-of-a-good-website 

I want to change all H2 and H3 on all blog posts to a smaller font size, without it affecting the font size on the rest of my website. 

I'd like H2 to be 2rem and H3 to be 1.5 rem. 

     

Emily Lewis

Founder of TwoFold
Squarespace websites for service-based businesses
twofold-studios.com

Link to comment
  • Solution
Ziggy Level 14

Ziggy

Posted
  • Solution
Posted

Add this Custom CSS: 

.blog-item-wrapper article.entry {
  h2 {
    font-size:2rem;
  }
  h3 {
    font-size:1.5rem;
  }
}

Let me know if that helps.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
⬛ SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
✨ Spark Plugin (Referral link) 

☕ Did I help? Buy me a coffee?

Link to comment
Ziggy Level 14

Ziggy

Posted
Posted
54 minutes ago, EmilyLewis said:

@Ziggy thank you so much, that worked!

No problem, thanks for marking my post as the solution and liking!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
⬛ SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
✨ Spark Plugin (Referral link) 

☕ Did I help? Buy me a coffee?

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources