All Collections
Engagement
Themes
Customizing the quit button for Guides and Hotspots
Customizing the quit button for Guides and Hotspots

Is there a way to resize the quit icon?

Ilgım avatar
Written by Ilgım
Updated over a week ago

You can customize the quit icon by following these steps:

  • Access the Themes section

  • Click on the CSS tab

If you want to change its size, please change the viewport (width/height) for these two CSS rules (in the example below, we changed them to 15 pixels):

* Preview quit/x button outer container styles */
#userguiding .ug-preview-quit-button
{
width: 15px;
height: 15px;
justify-content: flex-end;
align-items: flex-start;
}

/* Preview quit/x button svg container styles */
#userguiding .ug-preview-quit-button svg
{
background-color: transparent;
width: 15px;
height: 15px;
}

Apart from size, If you want to style the outer container and SVG separately, apply your CSS properties individually.

Did this answer your question?