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

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

Try adding to Design > Custom CSS

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

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;
}

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

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

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

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

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

and the pw: Ec12345

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;
}

8 hours ago, tuanphan said:

Add to Design > Custom CSS

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

 

Thank you! it worked like a glove ❤️

@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!

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!

What is your site url? We can check easier

On 7/29/2023 at 4:40 AM, tuanphan said:

What is your site url? We can check easier

@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!

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;
}

On 8/3/2023 at 12:01 AM, tuanphan said:

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;
}

 

Thank you @tuanphan! That put me on the right path and worked! I appreciate your kindness and helping!