Jump to content

CSS to adjust line height for certain paragraph or header styles globally

Recommended Posts

Does anyone have CSS code to adjust the line height for certain paragraph or header styles globally?

I want to decrease the line height of p2 across the entire site but leave p1 and p3 as they are in the Site Styles.

iread.squarespace.com
pass: 2022

Edited by cmuzyka
Link to comment
  • cmuzyka changed the title to CSS to adjust line height for certain paragraph or header styles globally
  • Replies 8
  • Created
  • Last Reply

Top Posters In This Topic

  • 1 month later...
4 hours ago, cmuzyka said:

Hey @tuanphan - I've reworked things a bit and want to apply this to p1 instead. I tried changing it to the code below but it didn't work. Do you have suggestion?

p:not(.sqsrte-medium):not(.sqsrte-small) {
	line-height: 20px !important;
}

Hi,

3 p have these class names

p.sqsrte-large

p:not(.sqsrte-large):not(.sqsrte-small)

p.sqsrte-small

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 4 months later...
On 1/6/2023 at 8:08 AM, freshlypressed said:

Can you help me reduce the line height in the description of a simple list slider?

I'm creating a testimonial slider and there's just too much space between the name of the user, title and location

Screen Shot 2023-01-05 at 5.06.41 PM.png

Can you share link to page where you use List? We can check easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 1/10/2023 at 1:01 AM, freshlypressed said:

Of course! this is the link: https://dory-chicken-mnfh.squarespace.com

and the pw: Ec12345

Add to Design > Custom CSS

.list-item-content__description p {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.