Inserir bordas com pontas arredondadas nos botões na homepage

Para as bordas dos botões (ícones) da página inicial (homepage) ficarem arredondados ou até mesmo redondas, aplique o código deste artigo seguindo as instruções abaixo:

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.


.homepage-custom .border-custom {
border-radius: 10%;
}


Importante:

Para mudar a intensidade da curva do raio é só mudar o valor de “10%;” para o valor que desejar, maior ou menor. Se desejar ser redondo deixe em “50%”.

Este código pode ser aplicado nos Layouts: Layout 3, Layout 3 – Horizontal, Layout 3 – Full, Layout 11 – Fullscreen e Layout 12 – Metro.

Não garantimos que outros Layouts aceitarão este CSS.

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. 😉