Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
jonny_vox

Summary Block Title Line Height

Question

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

Share this post


Link to post

2 answers to this question

Recommended Posts

  • 0

@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

Available for hire

Beyond Copy/Paste: Learn CSS for Squarespace Workshop

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

 

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...