Jump to content

Increase line spacing on testimonial content

Recommended Posts

I'm customizing a testimonials block in a specific section of my site. I was able to add some CSS to change the font (sq defaults to header font for the title text of each testimonials and I wanted it to be my paragraph font). Now the problem is that the line spacing in the title text is too tight, and the spacing between the title text and the description is also too tight. I want to add a little more breathing room to the quote text and then a bit of space between the quote and it's author. Any suggestions?

Section ID: section[data-section-id="63f7e528453bd0069775db7e"]

Screenshot 2023-04-11 163743.jpg

Screenshot 2023-04-11 164334.jpg

Link to comment

You'll want to assign a unit to the 1.25 in line-height, I would suggest 1.25em.

Can you share the website URL?

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

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

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

 Did I help? Buy me a coffee?

Link to comment
  • 3 weeks later...

Try the lin-height property I suggested:

.user-items-list-item-container[data-section-id="63f7e528453bd0069775db7e"] h2.list-item-content__title {
    line-height: 1.25em;
}

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

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

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

 Did I help? Buy me a coffee?

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.