Override PART of an H1 and H2 title with lighter font weight

I would like PART of a H1 header to be a lighter weight than standard on my site.*

"LifeShifts Coaching"

But nothing I've tried is working.

This is what I've added to CSS, and also tried inline CSS:
h1.span {
  font-weight: 100 !important;
  font-style: normal !important;
}
h2.span {
  font-weight: 100 !important;
  font-style: normal !important;
}

Help please!

*On a different page, I would like the same for a H2 header.

1 hour ago, Rolaa said:

I would like PART of a H1 header to be a lighter weight than standard on my site.*

"LifeShifts Coaching"

But nothing I've tried is working.

This is what I've added to CSS, and also tried inline CSS:
h1.span {
  font-weight: 100 !important;
  font-style: normal !important;
}
h2.span {
  font-weight: 100 !important;
  font-style: normal !important;
}

Help please!

*On a different page, I would like the same for a H2 header.

Can you share your URL so we can check it easier?

How to set the protected password

24 minutes ago, HoaLT said:

Can you share your URL so we can check it easier?

How to set the protected password

Of course: https://www.thecarolamoon.com/lifeshifts-coaching-programme

3 minutes ago, Rolaa said:

Of course: https://www.thecarolamoon.com/lifeshifts-coaching-programme

Is it the correct link? I can not see the element/image as you shared above

13 minutes ago, HoaLT said:

Is it the correct link? I can not see the element/image as you shared above

Yes, that's the correct link. The H1 is LifeShifts Coaching, where I'd like the "Life" part to be not bold:
https://www.thecarolamoon.com/lifeshifts-coaching-programme

8 minutes ago, HoaLT said:

I check that this entire text is the normal style so we can not decrease the bold anymore. Instead of that, you can set the Shifts Coaching more bold than normal or use different colors for them

#block-yui_3_17_2_1_1721305819492_9570 h1 span {
  font-weight: 100;
}

#block-yui_3_17_2_1_1721305819492_9570 h1  {
  font-weight: 700;
}

This is my approach

Hope it makes sense

Yes, that makes perfect sense! And yes, just noticed that the H1 is set to 400 (normal) in site styles. This is working (although it's not as strong a difference as yours). How do I find the block ID? My Chrome extension isn't working anymore, and I've got another H2 header I need to adjust...

Which extension are you working on?  I am using Squarespace ID Finder extension

26 minutes ago, HoaLT said:

Which extension are you working on?  I am using Squarespace ID Finder extension

Thank you heaps! I used to have a different one, which has since stopped working. I've just installed the same extension and it's working a treat! 🙏