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

How do I Change Blog Title Font?


syncds

Question

  • Answers 27
  • Created
  • Last Reply

Top Posters For This Question

Recommended Posts

  • 0

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

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

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

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

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

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

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

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

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

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

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

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
  • 0
6 hours ago, Jolymarie said:

Btw, I already uploaded the font style in the website. I have rally as the template...

Here is the link: 
https://porcupine-plane-9n3a.squarespace.com/blog/creating-rhythm-and-routine-in-the-home

Your custom css box has a syntax error. If you took at the bottom right corner, you will see a notice. Fix it first.

Email me if you have need any help (free, of course.). Answer within 24 hours.

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

Create an account or sign in to comment

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

×
×
  • Create New...