Jump to content

How do I Change Blog Title Font?

Recommended Posts

Posted (edited)

I'm working with RALLY and I can't seem to find the option to change the title font on actual blog posts. I've altered every other font on the site.

Edited by syncds
Initial Revision
  • Replies 31
  • Views 16.8k
  • Created
  • Last Reply

Top Posters In This Topic

Posted (edited)

@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!)

Posted

I tried that and the font isn't getting through.

h1.BlogItem-title { color: #397585; font-size: 50px; font-family: DIN-Condensed !important; }

Posted

I tried this and it affected the colour but not the font.

h1.BlogItem-title { color: #397585; font-size: 50px; font-family: DIN-Condensed !important; }

Posted (edited)

@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!)

Posted

I'm not seeing a difference in your screenshots. This is what I have for the code:


/* BLOG TITLES */
h1.BlogItem-title {
    color: #397585;
   font-size: 50px;
   font-family: DIN-Condensed !important;
}


  • 7 months later...
Posted

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. 

Posted
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!)

  • 3 weeks later...
Posted

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?

 

Posted
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!)

Posted

Hi! I have same issue on my Adobe Japanese font sizing.

Could you help me?

 

  • 1 month later...
Posted
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?

Posted
.blog-item-title h1 {
    font-family: 'Monument' !important;
}

Thanks for quick reply.

I just used this and it’s working!
I took it from another of your threads.

thanks a lot!

  • 1 month later...
Posted

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

Posted
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!)

  • 9 months later...
Posted

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

Posted
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!)

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.