Changing the weight of Playfair Display

I'm currently working on a website for a client who uses Playfair Display on their current website. While I can add this font - I want it to have a weight of 500 and when I write the code out as: 
 

h1 {
  font-weight: 500 !important;
}

It only changes it to 400 or 700. I've seen another forum where somebody had the same issues with a different font but unfortunately I couldn't get the injection code to work.  

On 8/10/2021 at 2:55 AM, Gabrmol said:

I'm currently working on a website for a client who uses Playfair Display on their current website. While I can add this font - I want it to have a weight of 500 and when I write the code out as: 
 

h1 {
  font-weight: 500 !important;
}

It only changes it to 400 or 700. I've seen another forum where somebody had the same issues with a different font but unfortunately I couldn't get the injection code to work.  

Hi. Can you share link to your site? We can check easier

Yes it's: 
banjo-aqua-pr5l.squarespace.com

and the password is: Tempsite2021

I also have a few other questions about how to do things on the website that I thought I'd put in one post:

In the header, I don't like how spaced out all of the options are and I can't seem to adjust the spacing to what I want in the site styles. Is there a way to put them closer together?

I've also added a hamburger menu to the website in the left hand corner that has a line under it because I added code for a line to sit under the header - is there any way that I can keep the line under the header but remove it from under the menu?

and finally on the blog list page I want to make the read more font bigger but can't seem to do it. How do I do this and remove the line from under the text? I would also like to add a bigger margin to this page only/ the images to be smaller but can't figure out how?

Sorry that's a lot of questions 

Hi,

1. Can you share link to page where you use h1? I don't see anytext use heading 1 on homepage

2. You mean move burger to right, button to left a bit?

3. Underline. Did you solve it?

4. Read more on home page or homepage + blog list page?

Hi, I actually managed to solve 2 and 3.

1. sorry I meant the arrangement/ layout of the site header. I think that these elements look a little strange being as spaced out as they are (as shown in attached image) 
 

4. For this page:

https://banjo-aqua-pr5l.squarespace.com/blog

I wanted the images to be a different ratio to the ones available in the blog list settings. I also can't seem to make the 'read more' font under all of the pages any bigger than it is on this page.

On 8/14/2021 at 10:27 AM, tuanphan said:

Hi,

1. Can you share link to page where you use h1? I don't see anytext use heading 1 on homepage

2. You mean move burger to right, button to left a bit?

3. Underline. Did you solve it?

4. Read more on home page or homepage + blog list page?