Custom CSS¶

Aqui você terá a possibilidade de escrever o seu próprio estilo em puro css.

Uso¶

Crie um arquivo chamado custom.css e escreva o seu estilo:

Exemplo

[data-theme] {
    background-color: transparent;
}

.nb-select,
.nb-input {
    background-color: transparent;
}

.nb-radio:checked {
    background-color: transparent;
    box-shadow: 0 0 0 4px hsl(var(--bc)) inset, 0 0 0 4px hsl(var(--bc)) inset;
    animation: none;
}

Faça a hospedagem do arquivo e informe no snippet o caminho.
Vejo exemplo abaixo.

Snippet¶

Exemplo de como ficará no snippet.

troque {url_do_css} por https://exemplo.com/custom.css

<!-- Widget do Nimble -->
<script
  type="module"
  crossOrigin="anonymous"
  id="nimble_lite_js"
  src="https://lite.nimble.com.br/widget.js?id=nimble_lite_js"
  data-target="nimble_lite_div"
  data-css="{url_do_css}"
  data-key="{chave_da_empresa}"
></script>

Página de demonstração com as cores e css customizados:
https://lite.nimble.com.br/app.html

Dúvidas e sugestões¶

Envie um email para atendimento@textecnologia.com.br