Jump to content

Changing title font on Blog list page

Go to solution Solved by tuanphan,

Recommended Posts

Posted

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

Posted
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 

  • 2 years later...
Posted
On 5/14/2021 at 12: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;
}

 

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

 

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

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

  • 10 months later...
Posted
On 5/14/2021 at 12: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

Hi! Do you know how to change the color of the font in the blog title? 

(The text I want to change is the color of the title on the Blog homepage - where all the blogs are listed.) 

Thanks!!

Posted
On 9/26/2024 at 8:42 PM, User1776 said:

@tuanphan

Hi! Do you know how to change the color of the font in the blog title? 

(The text I want to change is the color of the title on the Blog homepage - where all the blogs are listed.) 

Thanks!!

Use CSS code like this

/* blog title font */
h1.blog-title, h1.entry-title, a.summary-title-link {
      color: #f1f !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!)

Posted
On 10/2/2024 at 1:49 AM, User1776 said:

@tuanphan

hmm it did not work. 

Here is a link to my website: https://www.thepromiseofliberty.org/press-new

I want to change the title color to #980500

You can use this new code

/* blog title font */
h1.blog-title a, h1.entry-title, a.summary-title-link {
      color: #980500 !important;
}

image.thumb.png.4602f92bf878bb647b16f883d9cacd9d.png

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
22 hours ago, tuanphan said:

You can use this new code

/* blog title font */
h1.blog-title a, h1.entry-title, a.summary-title-link {
      color: #980500 !important;
}

image.thumb.png.4602f92bf878bb647b16f883d9cacd9d.png

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