Jump to content

HOW TO CHANGE BLOG TITLE FONT AND FEATURED POST TITLE FONT WITH CSS

Recommended Posts

Site URL: https://www.texasletters.org

I am having difficulty getting the blog title fonts (masonry blog) to change to my imported font. I am using the Merida template. All the other parts of the site have been easy enough to switch to my custom font (navigation, h1, h2, paragraph, etc.) but I can't seem to figure out to get the font titles themselves to show up as my imported font style. The issue repeats itself in my 'FEATURED POSTS' section of my homepage. If someone could provide the proper code to insert into Squarespace to resolve this issue, that would be greatly appreciated. Thank you!

Link to comment
  • Replies 6
  • Views 3.5k
  • Created
  • Last Reply
27 minutes ago, OVID said:

I am having difficulty getting the blog title fonts (masonry blog) to change to my imported font. I am using the Merida template. All the other parts of the site have been easy enough to switch to my custom font (navigation, h1, h2, paragraph, etc.) but I can't seem to figure out to get the font titles themselves to show up as my imported font style. 

Not certain of the font you're wanting to use instead but try this in CSS panel in the Design section:

/* For the Featured posts in the Summary Block */
a.summary-title-link {
  font-family:'pragmatica-extended';
};

/* For the masonry blog titles */
.blog-masonry h1.blog-title {
  font-family:'pragmatica-extended';
}

 

Link to comment

@nonaforevs thank you. I tried that, and it did change the font but not to the font I wanted (which is SEQUEL SANS VF DISPLAY, the font I have used for the rest of the site). See screenshots attached of the code I used from your suggestion with the 'SEQUEL SANS VF DISPLAY' in place.

Screen Shot 2020-07-29 at 3.57.38 PM.png

Screen Shot 2020-07-29 at 3.55.05 PM.png

Screen Shot 2020-07-29 at 3.54.56 PM.png

Link to comment

My next question for you @nonaforevs, is how do I now change the title that shows up in the actual blog posts themselves (after you click the thumbnails and go into the individual blog posts). See screenshot attached. Again, the font I want is SEQUEL SANS VF DISPLAY ROMAN.

 

Thank you!

Screen Shot 2020-07-29 at 4.03.05 PM.png

Link to comment
41 minutes ago, OVID said:

how do I now change the title that shows up in the actual blog posts themselves (after you click the thumbnails and go into the individual blog posts).

Try this but add your font to it like the others:

/* For the blog post titles */
h1.entry-title.entry-title--large.p-name {
  font-family:'pragmatica-extended';
}

 

Link to comment

Archived

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.