Jump to content

Code for custom font in blog

Recommended Posts

Hi there, I am pretty new to Squarespace and just published my site. Using CSS, I was able to customize my font everywhere I wanted, except in the blog. The main blog title shows in the correct font, but when in an article, the titles of other articles to jump to are not in the custom font. I have tried searching for the code to accomplish changing this but have had no luck. Can anyone help? I would greatly appreciate it! Thanks! 

Link to comment
  • Replies 6
  • Views 1.4k
  • Created
  • Last Reply

Top Posters In This Topic

@HannahRadiantBeast do you mean the blog pagination at the bottom left and right of each blog post to navigate between? If so, add this to your CSS and replace with the font you're using:

.item-pagination[data-collection-type^="blog"] .item-pagination-title {
  font-name: 'add-here';
}

 

If this helped you, please like or mark my solution as answer so others can scroll to it quickly 👆

Cass Aggett is a Squarespace website designer for go-getting women – no matter what stage of business.

WEBSITEINSTAGRAM

 

Link to comment
  • 2 weeks later...
On 9/25/2023 at 9:23 PM, HannahRadiantBeast said:

I am not sure why, but it did not work. You can see here. I would like the other blog titles to be Afrah, like the main title. https://www.radiantbeast.com/articles/blog-post-title-four-gyg4e

Please let me know if you have any thoughts about what I could be doing wrong. 

Use this new CSS code

h1.entry-title.entry-title--large.p-name {
    font-family: 'Inknut Antiqua' !important;
}

image.thumb.png.fed0ff84a5184390bc9aad66296c86b8.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.