Changing title font on Blog list page

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

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 

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!

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

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

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

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

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

On 9/28/2024 at 4:09 AM, tuanphan said:

Use CSS code like this

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

 

@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

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

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

@tuanphan Thank you!!!