kc2615 Posted April 2, 2021 Share Posted April 2, 2021 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 Link to comment
Beyondspace Posted April 3, 2021 Share Posted April 3, 2021 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 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
kc2615 Posted April 3, 2021 Author Share Posted April 3, 2021 @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; } Beyondspace 1 Link to comment
Beyondspace Posted April 3, 2021 Share Posted April 3, 2021 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 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
kc2615 Posted April 3, 2021 Author Share Posted April 3, 2021 1 minute ago, bangank36 said: what font family you need Helvetica Neue Link to comment
Beyondspace Posted April 3, 2021 Share Posted April 3, 2021 1 minute ago, kc2615 said: Helvetica Neue That what is display in the element inspector... BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
kc2615 Posted April 3, 2021 Author Share Posted April 3, 2021 @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. Link to comment
kc2615 Posted April 3, 2021 Author Share Posted April 3, 2021 @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? Link to comment
Beyondspace Posted April 3, 2021 Share Posted April 3, 2021 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 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
kc2615 Posted April 3, 2021 Author Share Posted April 3, 2021 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. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment