Jump to content

Changing the Summary Block Meta Data Font

Go to solution Solved by Ziggy,

Recommended Posts

So I put in some custom CSS to style the fonts on the summary block and everything works except the meta data CSS. What's weird is that it works when I'm in the design panel; it changes the font styles like its supposed to, but when I view my site live on mobile, the only thing not working properly is the meta data font.

Desktop view works. Mobile view, the font is wrong. What am I doing wrong here?

This is my code:

.summary-metadata-item a {
font-family: nunito sans;
font-weight: 800; 
font-size: 0.9em !important;
color: #444341;
font-style: normal;
letter-spacing: 0.11em;
text-transform: uppercase;
line-height: 1em;


My website is theblondeadventures.com

Screenshot 2023-07-26 at 11.50.03 AM.png


Link to comment
  • Solution
Posted (edited)

Try this:

.summary-metadata-item {
  font-family: 'Nunito Sans Regular' !important;

Nice website BTW!

Edited by Ziggy

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Ziggy, thank you, that worked! 🤠

And thanks for the website love! I've been working on it for a really long time and just launched last Friday. I'm happy with how it's turned out so far. 

Again, thanks for the help. That one little glitch in my code was really bothering me. 😅

Link to comment

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.