Can I have a different Letter Spacing rule for H1 to all other Headings?

Site URL: https://bluebird-porcupine-yzdg.squarespace.com/home-copy-1-1-1-1

Hello, is it possible to set different rules for different Headers?

For example, all my Headers are set to: Letter Spacing = 0.5em. But I would like just my H1 (extra large) heading to be set to 0em.

Please help.

Page = https://bluebird-porcupine-yzdg.squarespace.com/home-copy-1-1-1-1

Pword = bluebird

Thank you!

Best,

Faiz

Sure thing!

that's something like
 

H1
{letter-spacing: 0em}

Added to DESIGN > CUSTOM CSS
for applying a rule to all H1 cases

Hey ArminB Thanks so much that's awesome! 💯

Is it possible to include any additional rules in this code for example a change to:

• Font size = 8rem
• Font color = #00FF3D
• Line height = 1.5em
• Font family = Neue Haas Grotesk Text
• Font weight = 300

Many thanks.

On 2/16/2021 at 5:40 PM, scholarsayze said:

Hey ArminB Thanks so much that's awesome! 💯

Is it possible to include any additional rules in this code for example a change to:

• Font size = 8rem
• Font color = #00FF3D
• Line height = 1.5em
• Font family = Neue Haas Grotesk Text
• Font weight = 300

Many thanks.

 

Use this

h1 {
	font-size: 8rem !important;
	color: #f1f2f3;
	letter-spacing: 2px;
}

Do similar for other values

Thank you kindly Tuanphan I appreciate the update 💯

Hi Tuanphan, I added the code you sent but for some reason, it does not seem to change the color of the font. Please see the attached.

Page = https://bluebird-porcupine-yzdg.squarespace.com/

Pword = bluebird

Many thanks,

21 hours ago, scholarsayze said:

Hi Tuanphan, I added the code you sent but for some reason, it does not seem to change the color of the font. Please see the attached.

Page = https://bluebird-porcupine-yzdg.squarespace.com/

Pword = bluebird

Many thanks,

Use this

h1 {
    color: #00ff30 !important;
}

Thank you so much Tuanphan that fixed it! Much appreciated 💯