Promotional Pop-Up CSS Customizations | How to Turn On and Set Up Your Squarespace Pop Up
Check out these hard-to-find (but easy to use!) CSS customizations for the Squarespace Promotional Pop-Up
Original post:
https://www.ajmexperience.com/learn-p...
Part 2: • Promotional Pop-Up CSS Customizations | Cu...
For more CSS code to enhance your website designs, check out the rest of the learn series:
https://ajmexperience.com/learn
Get our free CSS Selector Cheat Sheet:
https://www.ajmexperience.com/css-che...
Get our full CSS Library:
https://www.ajmexperience.com/squares...
Try some of our favorite pop-up plugins and skip the work
Pop-up builder:
https://dash.elfsight.com/demo/popup?...
Verity entry pop-up:
https://www.ghostplugins.com/products...
Confetti after pop-up submission:
https://www.ghostplugins.com/products...
——————
HERE’S THE CODE:
// remove disclaimer text //
.sqs-slide-wrapper[ data-slide-type = "popup-overlay"] .form-disclaimer-text { display: none; }
// remove X //
.sqs-popup-overlay-close {
display: none; }
// round bottom corners //
.sqs-slide-wrapper[ data-slide-type = "popup-overlay"] .sqs-slide-layer-content { border-radius: 20px; }
// drop shadow on button //
.sqs-slide-wrapper[ data-slide-type = "popup-overlay"] button
{ box-shadow: 0px 2px 5px rgba(0,0,0,.3) }
// gradient backdrop //
.sqs-slide-wrapper[ data-slide-type = "popup-overlay"] .layer-back
{ background: linear-gradient (to right, #319aab, #7cccbd); opacity: .5; }
——————
AJM EXPERIENCE
🖥 A marketplace for graphic designers, Squarespace lovers, & CSS nerds: https://www.ajmexperience.com/
☕️ Buy me a coffee: https://www.buymeacoffee.com/ilyajm
My name is Amanda Jones McNay and I am a Squarespace web designer and CSS nerd. I have designed well over 100 different Squarespace sites for clients and have used custom CSS code in every one of them. My site is dedicated to helping all CSS designers to perfect their craft and create cool sh!t.
——————
This article contains affiliate links. Whenever you buy something through one of these, I get a small commission, without any extra cost to you :)