How to customize the close button

Published in EngageBox
Updated 25 Apr, 2020

To customize the close button of your Engage Box you need to navigate to your desired box and then click on the "Appearance" Tab as shown in the screenshot below

engage-box-appearance-tab

After that you can find the Close button customization settings under the Close Button section.

engage-box-close-button-customization

The first thing to notice is that you have two options of creating a close button

  • An icon
  • An image

Choosing the icon lets you treat the close button as text. This means that you can change its color, its hove color and its size as it is apparent from the screenshot above.

On the other hand, if you choose an image then you can choose to upload your own image as a close button but you do not have any extra customization options like you did with the icon option.

Finally, a common option is the "Delay Display" option which, as its name suggests, is a way to delay the appearance of the close button from the time the box appears. All you have to do is to type in the time value in milliseconds. For example, for 2 seconds type 2000.