Jump to content

change font just on blog titles

Go to solution Solved by Ziggy,

Recommended Posts

Hi -I redesigned a website for my client, and we are happy with the fonts, I've styled each heading according to the web pages, bt after completion we have realised that the fonts don't work in the blog - the all caps font is too shouty to use in longer paragraphs.

can I change the font in the blog, but leave it as is on the rest of the website. 

I'm sure I have customised different parts of the website before when I have added a font into the custom CSS in the design section.

Thanks in advance

Link to comment
11 hours ago, jaggerdesigncreative said:

Can I change the font in the blog, but leave it as is on the rest of the website. 

I'm sure I have customised different parts of the website before when I have added a font into the custom CSS in the design section.

Yes, you can do this, just as you said. You may want to use the blog item code injection for targeting.

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

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

The class for the blog titles on the blog page is:

.blog-item-title h1.entry-title

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

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
26 minutes ago, jaggerdesigncreative said:

www.her-outdoorz.co.uk - I dont think I'm doing it right!

This URL doesn't work.

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

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Try this CSS:

#item-642b319c4c68753be959c3b4 {
  h2 {
    font-family: "Aleo";
  }
}

 

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

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
  • Solution

Instead of that code add this to the blog page settings -> Post Blog Item Code Injection

<style> 
  h2 {font-family: "Aleo";} 
</style>

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

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (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

×
×
  • Create New...

Squarespace Webinars

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

Hire a Designer

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