Jump to content

CSS for Blog Meta Font & List Title Fonts?

Recommended Posts

  • Replies 10
  • Views 2.1k
  • Created
  • Last Reply

Add to Home > Design > Custom CSS

/* Author date */
.Blog-meta.BlogItem-meta * {
    font-family: fantasy;
}
/* pagination */
.BlogItem-pagination-link-content * {
    font-family: fantasy;
}

replace fantasy with font name.

Where is excerpt? can you take a screenshot?

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
2 hours ago, natedxb said:

Hey thanks a lot! 🙂

Well the excerpt is just the text on the main blog page under the  - https://lion-terrier-nhwy.squarespace.com/blog

For example it is the text under the image and under Products Im loving...

Also, how do I change the Read More > link font?

 

Cheers!

.BlogList-item-excerpt * {
    font-family: fantasy;
}
a.BlogList-item-readmore span {
    font-family: futura-pt !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
  • 4 months later...
On 5/24/2020 at 4:53 AM, tuanphan said:

.BlogList-item-excerpt * {
    font-family: fantasy;
}
a.BlogList-item-readmore span {
    font-family: futura-pt !important;
}

 

Hi tuanphan, I've found your code so helpful! Now, is there a CSS code to change the "meta" font for Product titles, on the main product page? I want them to use the same font as the rest of the site ("coolvetica"), which you can see in the nav (the t gives it away). This is the only page where I'm having problems... thanks in advance!

Screen Shot 2020-10-11 at 11.39.52 AM.png

Link to comment
13 hours ago, nikbongard said:

Hi tuanphan, I've found your code so helpful! Now, is there a CSS code to change the "meta" font for Product titles, on the main product page? I want them to use the same font as the rest of the site ("coolvetica"), which you can see in the nav (the t gives it away). This is the only page where I'm having problems... thanks in advance!

Can you share site url? We can help easier.

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.