Jump to content

changing blog post title font + navigation menu font in custom CSS

Recommended Posts

I am trying to change the blog post title fonts and navigation menu fonts in a SquareSpace 7.1 site and the normal custom code I have used in the past will not work. Below is what I have tried: 

.BlogList-item-title {

   font-family: 'my custom font name here';


  font-family: 'font name here'; }


In all other Squarespace sites I have done these codes work but for some reason it won't work with this new version. Any tips?

Link to comment
  • Replies 2
  • Created
  • Last Reply

@nakelley SS 7.1 blog title use different class.

It should be

blog list page: h1.blog-title

blog detail page: .blog-item-title

and Navigation: .header-nav-item a

Reference: https://beaverhero.com/squarespace-71-css-list/


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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

I have the same issue... successful custom CSS font change for h1 on the rest of site, but not on the blog.

The above code/answer isn't working for me. I generally don't know what I'm doing, so could easily be user error; but maybe less likely, since I did manage the rest of the site.



Edit: .entry-title worked for me.

Link to comment


This topic is now archived and is closed to further replies.

  • 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.