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
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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';
}

 

Edited by nonaforevs
code spacing
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';
}

 

Edited by nonaforevs
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.