Display the Close Button on the Left

By default, EngageBox displays the close button in the top-right corner of the popup. If you’d prefer to show it on the top-left side, this can be done easily with a small CSS override, as there’s no built-in UI option for this change.

Steps

  1. Edit your popup in the backend.
  2. Go to the Advanced tab.
  3. In the Custom CSS field, add the following code:
.eb-{eb.id} .eb-close {
    right: auto;
    left: 0;
}

Note: You can leave {eb.id} as-is to let EngageBox replace it automatically with the popup’s ID.

Once saved, the close button will appear on the left side of your popup.

Last updated on Jul 19th 2025 09:07