Documentações
< Voltar

Alterar a cor de um botão ao ser clicado

Com este código você vai poder trocar a cor que aparece assim que o botão é clicado. Aplique o código deste artigo seguindo as instruções abaixo para este efeito:

1 – Abra o Construtor de Apps

2 – Entre na sessão CORES.

3 – Desça a página pela barra de rolagem até o final onde você localizará a sessão “PERSONALIZAÇÃO AVANÇADA CSS / SCSS”, se tiver escondido clique em MOSTRA.

4 – Cole o código abaixo (exatamente como esta) no campo em branco.

Obs. Se caso já tiver algum código neste local, aconselhamos que pule pelo menos 2 linhas e depois acrescente o código CSS abaixo. Para separar bem os códigos.  

 

.button.button-custom:hover,.button.button-custom:active {

color: #fff;
background-color: #123456;

}  

 

Para mudar para uma cor desejada, altere o valor da cor de “123456” para o código da cor que desejar. Este código só tem efeito nos “Botões de Ação”. Por exemplo: Telefone, Link e E-mail.

 

5 – Salve.

6 – Verifique o resultado no simulador ao lado. Obs. Se caso não houver mudança imediata, por favor clique em F5 ou Ctrl+F5 para atualizar a página e verifique novamente. Se mesmo assim o efeito não estiver ocorrendo verifique o código novamente e salve.   Pronto. 😉  

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *