<aside> ➡️ SHORTCUTS

POPUP

Make the entire popup display smaller

Make the popup background and shadow transparent

Display popup only on desktop

Display popup only on mobile

FORM

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

TEXT BLOCK

Apply justified text alignment to a text block

Align text to the right and set the text direction to right-to-left (Hebrew)

WHEEL POPUP

Make the wheel smaller and keep the left side in place

SMART BAR

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

BUTTON

Change the font size of button text

Adjust button width

Set button background to transparent (form + button)

Set button background to transparent (button + button)

Adjust the radius of the action button

HERO IMAGE

Adjust popup background color (hero image modal)

Split hero image and popup modal 50/50 on desktop

COUPON POPUP

Hide discount code block in popup window

TIMER

Adjust timer style: color, font size, and width

Set different colors for each timer value

Adjust color and size of countdown timer labels

RADIUS

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

CLOSE ICON (X)

Hide the close icon (X)

Move close icon (X) to the left

CONVERSION PAGE

Remove the background image on the conversion page

Remove the hero image on the conversion page

Remove the close button on the conversion page

UPSELL POPUP

Adjust the button height in the upsell popup

</aside>

Adjust popup background color (hero image modal)

Before:

image.png

Custom CSS:

.modal-card {
  background-color: #93E9BE !important; /* Change this color to your desired background */
}

Split hero image and popup modal 50/50 on desktop

Custom CSS:

@media (min-width: 1024px) { /* Adjust breakpoint as needed */
  .modal-hero-image {
    width: 50% !important;
  }

  .modal-content {
    width: 50% !important;
  }
}

Hide the close icon (X)

Custom CSS:

#__pc_app .modal-close-button {
display: none;
}

Move close icon (X) to the left