Custom CSS to change the date and category font in blog post - Squarespace 7.1

Site URL: https://tetra-rust-dgbl.squarespace.com/

Site URL: https://tetra-rust-dgbl.squarespace.com/

PW: or neverornow

Hi there,
Quick question regarding custom CSS for blog posts/blog items.
What is the Custom CSS required to change the font for:

date

category

>> on both, blog post overview page and on blog post detailpage

I tried already the following:

DOES NOT WORK:

time.blog-date {

    font-family: 'GTEestiLight'  !important;

  }

DOES WORK:

 time.blog-date {

    display: none !important;

  }

Please help! 🙂

Thanks in advance!

Sibylle

Hi,

or neverornow

neverornow

Incorrect password.

Can you check it again?

On 5/12/2021 at 12:01 PM, tuanphan said:

Hi,

or neverornow

neverornow

Incorrect password.

Can you check it again?

It is orneverornow!! Sorry!!! Thank you! Sibylle

On 6/2/2021 at 7:32 PM, Sibylle_Zurich said:

It is orneverornow!! Sorry!!! Thank you! Sibylle

Add to Design > Custom CSS

/* Blog date category */
.blog-meta-section * {
    font-family: 'GTEestiLight' !important;
}
body .blog-item-wrapper .blog-item-meta-wrapper * {
    font-family: 'GTEestiLight' !important;
}

On 6/3/2021 at 10:54 PM, tuanphan said:

Add to Design > Custom CSS

/* Blog date category */
.blog-meta-section * {
    font-family: 'GTEestiLight' !important;
}
body .blog-item-wrapper .blog-item-meta-wrapper * {
    font-family: 'GTEestiLight' !important;
}

 

I followed your CSS  the font for the date has now changed but how do I change the size pls?

On 3/1/2022 at 2:57 PM, irenewcc said:

I followed your CSS  the font for the date has now changed but how do I change the size pls?

just add font-size: 10px !important;

Hi there @tuanphan (again). I would like to change the font style of my video captions...can you please help?

On 3/23/2022 at 1:48 PM, Iwan said:

Hi there @tuanphan (again). I would like to change the font style of my video captions...can you please help?

Try this to Design > Custom CSS. If it doesn't work, please share link to page where you use video, we can check easier

.video-caption {
	font-size: 15px !important;
	color: #f1f !important;
	font-family: monospace !important;
}

Thanks, this works but I would like the font to be DIN Condensed, not monospace :) Please 

On 3/24/2022 at 3:36 PM, Iwan said:

Thanks, this works but I would like the font to be DIN Condensed, not monospace :) Please 

Can you share link to your site? I can check correct font code for din condensed easier

https://beige-oleander-mp66.squarespace.com/ password tuansqsp 

Thanks!

On 3/28/2022 at 1:42 PM, Iwan said:

https://beige-oleander-mp66.squarespace.com/ password tuansqsp 

Thanks!

 

Thank you. Use this code

.video-caption {
	font-size: 15px !important;
	color: #f1f !important;
	font-family: 'din-condensed-web' !important;
}