Jump to content

Summary Block Title Line Height

Recommended Posts

Site URL: https://www.vox.ie

Hi there. I have used code (kindly supplied on this forum) to change the styling of the titles to blog posts featured in a summary block. It all looks the way I want it, except that I can't reduce the line height any further. I need the two lines to be much tighter - smaller leading. Here is the code I'm using:

/* Title */
.summary-title-link {
    font: 'Proxima-Nova'; 
  font-weight: 800; 
  font-size: 24px; 
    line-height: 20px;
}
.summary-excerpt p {
    font-size: 16px !important;
}

Reducing the line-height below 30px has no impact. If one increases it, it does get larger though.

Any help is appreciated!

Jonny

Screenshot 2020-06-19 at 16.03.47.png

Link to comment
  • Replies 6
  • Views 1.2k
  • Created
  • Last Reply

@jonny_vox try adding this to your custom CSS. It's a good rule of thumb to set your line-height to a unitless value, that was it can respond to the font-size. 

So if your font-size is 30px, setting the line-height to 1 would equal 30px. 

For headlines/titles a good rule of thumb for line height is to set it between 1 - 1.2
 

/* Add this code to Design -> Custom CSS */


.summary-title {
	line-height: 1 !important;
}

 

Philadelphia, PA

👉 Squarespace Tutorials 

Chat/Message on FB Messenger for quickest responsehttps://m.me/dejaegherryan

 

Link to comment
  • 7 months later...
On 2/4/2021 at 3:43 AM, RebeccaFeasey said:

Hi There, I have this same issue so annoying!! Is there a site wide css code I can use? Otherwise it's the text in the footer that is the issue. Please help x

Can you share site url? We can  check 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
22 hours ago, RebeccaFeasey said:

Thank-you its still under construction - can you see it https://parakeet-seadragon-ecyk.squarespace.com/config/pages

 

footer menu bit... 

ABOUT REBECCA

GET IN TOUCH

RECENT WORK

FAQS

Your site is private. Can you setup password & share url?

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.