Jump to content

Changing title font on Blog list page

Go to solution Solved by tuanphan,

Recommended Posts

Site URL: https://mamahugzyoga.co.uk/mama-hugz-blog

Hi. 

I am trying to change the title fonts on a Blog page for a client. I have found the css for the summary block, the actual Blog page, but for some reason I can't find the css that works to change the font on the Blog homepage - where all the blogs are listed. 

If anyone can enlighten me on what that is I would really appreciate it! 

The URL is https://mamahugzyoga.co.uk/mama-hugz-blog

The text I want to change is the title of the Blog to be in a different font. 

Thanks

Emma

Link to comment
On 5/14/2021 at 5:14 AM, tuanphan said:

Add to Design > Cusotm CSS


/* blog title font */
h1.blog-title, h1.entry-title, a.summary-title-link {
    font-family: 'Filosophia' !important;
}

 

@tuanphan thank you so much! That has worked!! Thanks again you are very kind to help out. Emma 

Link to comment
  • 2 years later...
On 11/3/2023 at 12:14 AM, olani_98 said:

Old post but can you add the css for the excerpt?  Thank you very much!

 

Use this

/* blog title font */
h1.blog-title, h1.entry-title, a.summary-title-link, .blog-excerpt-wrapper * {
    font-family: 'Filosophia' !important;
}

 

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
On 11/10/2023 at 11:09 AM, Dieg said:

@tuanphan Hey! This helped me also! Thanks! Can you please share the code for the date or all the meta information of the posts?

Each template will have a different code, for above site, the code will be

time.blog-date {
	font-family: 'Filosophia' !important;
}

 

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.