Company Logo
Conselhos e respostas da equipe UserGuiding
Usuários
Engajamento
Configurações
Casos de Uso e Boas Práticas
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.