Jump to content

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

Recommended Posts

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

Link to comment
  • Replies 7
  • Views 1k
  • Created
  • Last Reply
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

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

font-color.jpg

Use this

h1 {
    color: #00ff30 !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

Archived

This topic is now archived and is closed to further replies.

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