How do I make my newsletter pop up styles live?

Site URL: https://plums-violin-8xhb.squarespace.com/

password "supple"

I used some CSS to customize the newsletter pop up text. It's appearing as I'd like it to be in the Squarespace editor, but when I visit the live site the font changes. I attached how it's showing up in the editor.

Thanks in advance

5 hours ago, kc2615 said:

Site URL: https://plums-violin-8xhb.squarespace.com/

password "supple"

I used some CSS to customize the newsletter pop up text. It's appearing as I'd like it to be in the Squarespace editor, but when I visit the live site the font changes. I attached how it's showing up in the editor.

Thanks in advance

Is this the font you set up

@bangank36 My CSS is as follows:

/* newsletter pop up header font */
.sqs-slide-container[data-slide-type="popup-overlay"].overlay-alignment-center .sqs-slide-layer-content .group-copy {
    text-align: left !important;
    font-weight:500 !important;
    color:#D478AD !important;
}

1 minute ago, kc2615 said:

@bangank36 My CSS is as follows:

/* newsletter pop up header font */
.sqs-slide-container[data-slide-type="popup-overlay"].overlay-alignment-center .sqs-slide-layer-content .group-copy {
    text-align: left !important;
    font-weight:500 !important;
    color:#D478AD !important;
}

 

what font family you need

1 minute ago, bangank36 said:

what font family you need

Helvetica Neue 

1 minute ago, kc2615 said:

Helvetica Neue 

That what is display in the element inspector...

@bangank36 This is what shows up for me when I visit the site in incognito. The font weight is what seems to be the issue.

@bangank36 now that I'm looking at the inspector it seems like font weight 400 is taking priority over 500 even though I've added the !important rule. Any ideas how to fix this?

4 minutes ago, kc2615 said:

@bangank36 now that I'm looking at the inspector it seems like font weight 400 is taking priority over 500 even though I've added the !important rule. Any ideas how to fix this?

You font is not compatible with that value, try 600 , 700 or bold values

5 minutes ago, bangank36 said:

You font is not compatible with that value, try 600 , 700 or bold values

It appears on my site elsewhere in 500. For example, my general h1 is set to 500 font weight.