Personalizando o botão Sair para Guias e Hotspots
Saiba como personalizar o ícone de sair.
Você pode personalizar o ícone de encerramento seguindo estas etapas:
- Acesse a seção Themes;
- Clique na aba CSS.
Se quiser alterar seu tamanho, altere a janela de visualização (largura e altura) para essas duas regras CSS. No exemplo abaixo, nós as alteramos para 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;
}
Além do tamanho, se quiser estilizar o container externo e o SVG separadamente, aplique suas propriedades CSS individualmente.