Se você deseja colocar o texto ao lado dos ícones no layout 9, aplique o código deste artigo seguindo as instruções abaixo:

1 – Abra o Construtor de Apps

2 – Vá para 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.


.layout {
ul.items li {
height: 50px !important;
img {
float: left !important;
margin-left: 4px;
}
p {
line-height: 28px !important;
height: 28px !important;
text-align: left !important;
text-indent: 8px;
}
}
}

 

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

24 de abril de 2018

Colocar texto ao lado dos ícones (Layout 9)

13 de fevereiro de 2018

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%; }   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 […]