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
  • 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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 6 months later...
15 hours ago, Justin G said:

@tuanphan would you mind letting me know if the CSS code would be similar for the footer?

I am trying to decrease the line height in the footer for our company's address.

Any thoughts?

Thanks!

Screenshot2023-07-28at1_27_40PM.thumb.png.15b75517f9797e337c815fb6f9baf907.png

What is your 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
On 8/2/2023 at 12:22 AM, Justin G said:

@tuanphan I apologize for not seeing this sooner! Here is the temporary url: https://plantain-prism-b9y5.squarespace.com/  pw: etchwood

Thank you for your help!

Add to Design > Custom CSS

/* Footer text space */
div#block-yui_3_17_2_1_1689700755195_33161 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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.