How to change metadata font?

Site URL: https://www.mindovermatterzine.com/

I'm changing my site's fonts using Custom CSS but I can't seem to find how to change the metadata font (author, publishing date, categories, tags).

I successfully changed the title, 'read more' link and excerpt fonts using the code below but I cant seem to find how to change the metadata fonts. This happened both for blog and summaries.

Please help!

Code that I currently use:

h1.blog-title a {
    font-family: 'Romana Bold BT' !important;
  font-size: 20px;
  text-transform: uppercase;
}

b.blog-excerpt a {
   font-size: 12px !important;
}

time.summary-metadata-item.summary-metadata-item--date {
    font-family: 'Romana Bold BT' !important;
}
a.summary-title-link {
    font-family: 'Romana Bold BT' !important;
}
a.summary-read-more-link {
    font-family: 'Romana Bold BT' !important;
}

.blog-item-title h1.entry-title {
    font-family: 'Romana Bold BT' !important;
}

Use this CSS

.summary-metadata * {
    font-family: 'Romana Bold BT' !important;
}

Hi @tuanphan, any idea how I can increase the font size of the date on my blog posts?

https://deep-learning-cafe.squarespace.com/

password: password123

On 6/8/2022 at 3:21 PM, IwanJ said:

Hi @tuanphan, any idea how I can increase the font size of the date on my blog posts?

https://deep-learning-cafe.squarespace.com/

password: password123

Use this CSS

/* blog date */
time.blog-date {
    font-size: 20px !important;
}

Wonderful thank you @tuanphan!

Hi @tuanphan I tried to use the fix for metadata font above but it didn't work, is there an updated solution? The secondary metadata isn't fading in like the rest of the page as well.

Thanks so much,

Daniel

https://www.opportunitygreen.org/blog

11 hours ago, DoppyG said:

Hi @tuanphan I tried to use the fix for metadata font above but it didn't work, is there an updated solution? The secondary metadata isn't fading in like the rest of the page as well.

Thanks so much,

Daniel

https://www.opportunitygreen.org/blog

You can use this

.blog-meta-section * {
    font-family: 'DM Sans' !important;
}

Thanks so much @tuanphan that worked great! I'm still struggling with the fade in time with the scroll not working for secondary metadata (in this case author). I saw here that this may involve making a second class, but I'm unsure how to do this. Please let me know what you think https://www.opportunitygreen.org/blog

Cheers!

On 6/13/2024 at 2:13 PM, DoppyG said:

Thanks so much @tuanphan that worked great! I'm still struggling with the fade in time with the scroll not working for secondary metadata (in this case author). I saw here that this may involve making a second class, but I'm unsure how to do this. Please let me know what you think https://www.opportunitygreen.org/blog

Cheers!

Hi, I don't know this. You try posting to Coding category

https://forum.squarespace.com/forum/39-customize-with-code/

@tuanphan have been helped here in case of interest to you: https://forum.squarespace.com/topic/248446-change-separating-delimiter-in-blog-post-to-comma/?do=findComment&comment=765302