Colocar texto ao lado dos ícones (Layout 9)

< Voltar

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.

Original

Com o efeito

Pronto. 😉

Deixe uma resposta

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

Carrinho Item removido. Desfazer
  • Não a produtos no carrinho.