Creating a prompt with custom dimensions

Configuration guide for setting custom dimensions on Recurly Engage prompts using Custom CSS.

How can I create a prompt with custom dimensions?

You can override the default size by adding CSS rules in the Custom CSS section of the prompt Editor. For example, to set a popup to 550 × 420 px:

.outer-modal {
  width: 550px !important;
  height: 420px !important;
}

Notes:

  • Use !important to ensure your dimensions take precedence over default styles.
  • Test in Live Preview to verify your custom sizing behaves correctly across devices.