Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
OVID

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

Question

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!

Share this post


Link to post

6 answers to this question

Recommended Posts

  • 0
Posted (edited)
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

Share this post


Link to post
  • 0

@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

Share this post


Link to post
  • 0

@nonaforevs please disregard my last message. Your suggestion worked (I had input the font incorrectly on my end). Thank you very much for your help! I really appreciate it!

Share this post


Link to post
  • 0

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

Share this post


Link to post
  • 0
Posted (edited)
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

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...