Jump to content

How do I make my newsletter pop up styles live?

Recommended Posts

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

Screen Shot 2021-04-02 at 5.42.58 PM.png

Is this the font you set up

image.thumb.png.03cc283f20cdea2ffd96aeaf0c9c42ad.png

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
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

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
1 minute ago, kc2615 said:

Helvetica Neue 

That what is display in the element inspector...

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
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

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

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