Choose the color of the Close Button

Content:

Guide: Choosing the Close Button Color

To customize the color of the 'X' button or the icon that closes your popup, you need to access the appearance settings.

Procedure

1. In the popup editing module, navigate to the wizard step titled Appearance.

2. Before setting the color, check the close settings:

  • Temporarily go back to the Behavior step.
  • In the Close trigger field, make sure that the option Click outside the popup is not selected. If this option is selected, the close button will not be displayed and the color setting will not be available.

3. Return to the Appearance step.

4. Locate the field labeled Close Button.

5. Click on the text field or on the eyedropper icon (the i icon inside the box) to open the color picker.

6. Choose the desired color (you can select it from the palette or enter a hexadecimal code, for example #FF0000 for red).

7. Once you have selected the color, complete editing the popup and click on the save button to apply the changes.