kellyp123 Posted October 6, 2022 Share Posted October 6, 2022 Site URL: https://www.cloudcrewapparel.com The promotional popup won't let me distinguish email form submission text and outline color between desktop and mobile. I'd like it to remain white on the desktop version, but I need the text to be black on the mobile pop up because my background is white. You can see that there's a space for the email submission on mobile, but you can't see it because both the text and the box surrounding it are white. Squarespace doesn't have an option to customize this. Can anyone help? Link to comment
Beyondspace Posted October 7, 2022 Share Posted October 7, 2022 21 hours ago, kellyp123 said: Site URL: https://www.cloudcrewapparel.com The promotional popup won't let me distinguish email form submission text and outline color between desktop and mobile. I'd like it to remain white on the desktop version, but I need the text to be black on the mobile pop up because my background is white. You can see that there's a space for the email submission on mobile, but you can't see it because both the text and the box surrounding it are white. Squarespace doesn't have an option to customize this. Can anyone help? You can try adding to Home > Design > Custom Css @media only screen and (max-width: 767px) { .sqs-popup-overlay #overlayNewsletterEmail-field::placeholder { color: #000 !important; } .sqs-popup-overlay #overlayNewsletterEmail-field { box-sizing: border-box; border-bottom: 1px solid #000; } } Support me by pressing 👍 if this useful for you kellyp123 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! 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
Beyondspace Posted October 7, 2022 Share Posted October 7, 2022 My testing BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! 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
kellyp123 Posted October 7, 2022 Author Share Posted October 7, 2022 4 minutes ago, bangank36 said: You can try adding to Home > Design > Custom Css @media only screen and (max-width: 767px) { .sqs-popup-overlay #overlayNewsletterEmail-field::placeholder { color: #000 !important; } .sqs-popup-overlay #overlayNewsletterEmail-field { box-sizing: border-box; border-bottom: 1px solid #000; } } @bangank36 thank you so much! Support me by pressing 👍 if this useful for you Beyondspace 1 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