To customize the Close button, click it directly in the widget canvas. The settings panel for this element will open on the right.
Here you can:
1. Choose a button style
Select a more or less visible Close button design, depending on how prominent you want it to be.
2. Change the button color
Use the color picker to adjust how the Close icon looks. You can:
select a base color using the color slider;
control transparency with the opacity slider;
refine the shade by moving the selector within the color field.
You can also:
toggle between HEXA and RGBA color formats;
paste a specific color code if you already have one.
To reuse colors later, save them to Swatches:
click + to store the currently selected color;
select a saved swatch and press Del to remove it.
To upload your own close icon, switch to the Custom tab in the settings panel.
3. Adjust the button size
You can manually set the Close button size to make it easier to interact with — especially on mobile devices.
4. Set the button position
You can place the Close button on the left or right side of the widget.
X — controls the horizontal distance from the widget.
Y — controls the vertical distance from the widget.
You can also choose one of three positioning modes:
Inside — the button is placed inside the widget.
Centered — aligned relative to the widget edge.
Outside — positioned outside the widget container.
Design tips
Don’t visually hide the Close button — users should always know how to exit the widget.
Make sure the button is large enough to tap comfortably on mobile screens.
Avoid placing it too close to the widget edge if it reduces tap accuracy.
How to hide the Close (X) button
You can’t fully hide the close button for standard widgets — and this is intentional. Almost all widget types are required to include a close button to ensure good UX: it gives users control, reduces frustration, and helps prevent intrusive experiences.
That said, there is an alternative. You can switch your widget to the Content blocking layout. Content blocking widgets don’t show a close button by default and are designed for scenarios where user interaction is required before continuing.
Important
Only Pop-ups and Floating boxes can be transformed into Content blocking.
To switch the layout, click the Content blocking icon in the editor toolbar.
Want to customize your widget even more? Check out our tutorial How to change background, size, borders, colors, and fonts to fine-tune every visual detail and make your widget match your site perfectly.