<aside> ➡️ SHORTCUTS
Make the entire popup display smaller
Make the popup background and shadow transparent
Change submit button color on hover
Add border outline to submit button
Add border outline to submit button
Add border outline to the email input field
Create padding below the GDPR Compliance section
Add padding between the email/phone field and submit button
Apply justified text alignment to a text block
Align text to the right and set the text direction to right-to-left (Hebrew)
Make the wheel smaller and keep the left side in place
Make smart bar smaller (mobile & desktop)
Move close icon to the left side of the smart bar
Move close icon to the left side of the smart bar
Change the font size of button text
Set button background to transparent (form + button)
Set button background to transparent (button + button)
Adjust the radius of the action button
Adjust popup background color (hero image modal)
Split hero image and popup modal 50/50 on desktop
Hide discount code block in popup window
Adjust timer style: color, font size, and width
Set different colors for each timer value
Adjust color and size of countdown timer labels
Adjust the radius of popup corners
Change border radius of image inside popup
Change popup corner radius (Top Hero Image Layout)
Change popup corner radius (Right Hero Image Layout)
Change popup corner radius (Left Hero Image Layout)
Change popup corner radius (Main Popup Modal Only)
Change popup corner radius (Hero Image Only)
Adjust the radius of the submit button in the form
Move close icon (X) to the left
Remove the background image on the conversion page
Remove the hero image on the conversion page
Remove the close button on the conversion page
Adjust the button height in the upsell popup
</aside>
.modal-card {
background-color: #93E9BE !important; /* Change this color to your desired background */
}
@media (min-width: 1024px) { /* Adjust breakpoint as needed */
.modal-hero-image {
width: 50% !important;
}
.modal-content {
width: 50% !important;
}
}
#__pc_app .modal-close-button {
display: none;
}