Jump to content

How do I Change Blog Title Font?

Recommended Posts

  • Replies 31
  • Views 15.5k
  • Created
  • Last Reply

Top Posters In This Topic

@syncds Add to Home > Design > Custom CSS


h1.BlogItem-title {
   color: #ff0000;
  font-size: 50px;
  font-family: futura-pt !important;
}

Reference: https://beaverhero.com/rally-squarespace

Edited by tuanphan
Initial Revision

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

@syncds I see font family worked.

Screenshot (before): https://prnt.sc/p3tacc

(It is baskerville-urw font)

Screenshot (after): https://prnt.sc/p3tb1w

(It is DIN-Condensed)

Edited by tuanphan
Initial Revision

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

Hi there. I'm working on updating our website and creating our company's blog. I've stumbled across this thread in an effort to figure out how to change the blog title font. It seems that I'm on the right track here, but apparently I'm in need of a "for dummies" explanation. Well, we'll call it "for newbies..." Anyone willing to help? I see the code above and am just not sure where/how to apply. Thank you in advance. 

Link to comment
5 hours ago, lavaloha said:

Hi there. I'm working on updating our website and creating our company's blog. I've stumbled across this thread in an effort to figure out how to change the blog title font. It seems that I'm on the right track here, but apparently I'm in need of a "for dummies" explanation. Well, we'll call it "for newbies..." Anyone willing to help? I see the code above and am just not sure where/how to apply. Thank you in advance. 

Add to Home > Design > Custom CSS

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
  • 3 weeks later...

Hello, very useful info. 

But the font isn’t changing. It keeps using the one selected in the design/font/advance settings.

The custom CSS is correct but the default settings is still dominating.

Do you have any suggestion?

 

Link to comment
22 hours ago, Mota said:

Hello, very useful info. 

But the font isn’t changing. It keeps using the one selected in the design/font/advance settings.

The custom CSS is correct but the default settings is still dominating.

Do you have any suggestion?

 

Can you share link to blog page?

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
  • 1 month later...
On 5/16/2020 at 9:01 PM, tuanphan said:

Can you share link to blog page?

Thanks for the answer.
Sorry for late reply, I didn’t have notifications on.

Here is the link of my blog, as you can see In this page the font of the titles is right. I uploaded a font and set it in the custom CSS.

https://www.digseedgrow.com/platform

but if you click on one article, inside the article page, the title has a different font. This font is the one that is selected as font for the website. But for H1 H2 and H3 I set another font in the CSS.

I tried to set 

h1.BlogItem-title

with the font that I want but It’s not working. 
Any other suggestions?

Link to comment
  • 1 month later...

I am having the same problem and tried the above coding. I am also trying to change my navigation font as well. 
I am relatively new to this sort of coding and researched the following so far. Most of the coding is working except for the navigation / blog title. Does someone have a checklist of all coding to change when you are using an uploaded font. I am using the WAV template.
Thank you for any help! 

 

//ADDING HELVETICA NEUE CONDENSED//
@font-face {    
font-family: 'HELVETICA NEUE CONDENSED';       
src: url('https://static1.squarespace.com/static/5f4a6aa5cd79a35e0d7daf7e/t/5f4c63deaf54885180532dbf/1598841822854/HelveticaNeue-Condensed.ttf');  }

//ASSIGN HELVETICA NEUE CONDENSED//
h1 {font-family: 'HELVETICA NEUE CONDENSED';}

h2 {font-family: 'HELVETICA NEUE CONDENSED';}

NAVIGATION {font-family: 'HELVETICA NEUE CONDENSED';}

h1.entry-title {
    font-family: 'HELVETICA NEUE CONDENSED' !important;
}

.sqs-block-button-element {
    font-family: 'HELVETICA NEUE CONDENSED' !important;
}

Link to comment
1 hour ago, CassandraB said:

I am having the same problem and tried the above coding. I am also trying to change my navigation font as well. 
I am relatively new to this sort of coding and researched the following so far. Most of the coding is working except for the navigation / blog title. Does someone have a checklist of all coding to change when you are using an uploaded font. I am using the WAV template.
Thank you for any help! 

 

//ADDING HELVETICA NEUE CONDENSED//
@font-face {    
font-family: 'HELVETICA NEUE CONDENSED';       
src: url('https://static1.squarespace.com/static/5f4a6aa5cd79a35e0d7daf7e/t/5f4c63deaf54885180532dbf/1598841822854/HelveticaNeue-Condensed.ttf');  }

//ASSIGN HELVETICA NEUE CONDENSED//
h1 {font-family: 'HELVETICA NEUE CONDENSED';}

h2 {font-family: 'HELVETICA NEUE CONDENSED';}

NAVIGATION {font-family: 'HELVETICA NEUE CONDENSED';}

h1.entry-title {
    font-family: 'HELVETICA NEUE CONDENSED' !important;
}

.sqs-block-button-element {
    font-family: 'HELVETICA NEUE CONDENSED' !important;
}

Can you share link to blog post? We can check easier.

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
  • 9 months later...

Hello, I need help with my blog post title. I tried the codes but the font is not changing help please.

h1.entry-title {
    font-family: 'lime' !important;
}

.blog-item-title {
    font-family: 'lime' !important;
}

h1.BlogItem-title {
    font-family: 'lime' !important;
}

Link to comment
21 hours ago, Jolymarie said:

Hello, I need help with my blog post title. I tried the codes but the font is not changing help please.

h1.entry-title {
    font-family: 'lime' !important;
}

.blog-item-title {
    font-family: 'lime' !important;
}

h1.BlogItem-title {
    font-family: 'lime' !important;
}

Hi. Can you share link to a blog post?

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.