Como aumentar o tamanho do botão
Como mudar a altura do botão na página
*Todos os código de css você pode adicionar acessando a sua ferramenta em Configurações>Customize o Css.
Será necessário abrir a aba de design e ir na aba de Design>Botão flutuante>Qual lado o botão deve ser exibido:
Além de alterar o lado você pode personalizar ainda mais e mudar a distancia que o botão fica do lado da tela.
Para alterar quando o botão estiver na direita:
.merlin-container-right{
right: 30px;
}
Para alterar quando o botão estiver na esquerda:
.merlin-container-left{
left: 30px;
}
Para o ajuste de tamanho na interface, serão utilizadas duas classes distintas. A primeira, .merlin-button
, é responsável por modificar o tamanho do círculo que serve como fundo da imagem, ou seja, a parte externa. Já a segunda classe, .merlin-button-popup img
, é destinada a alterar o tamanho da própria imagem, referindo-se à parte interna. É importante observar que o tamanho da imagem interna nunca excederá o tamanho do seu fundo circular.
.merlin-button {
width: 5.5rem;
height: 5.5rem;
}
.merlin-button-popup img{
max-height: 5rem!important;
}
O código abaixo mostra como alterar a altura do bot na tela.