CSS Para quebra de linha na Home Page (Layouts 3, 4 e 5)
Se os títulos dos recursos em seu menu são um pouco longos e deseja aplicar uma quebra de linha, ou seja, os textos aparecerem em 2 linhas ou mais, aplique o código deste artigo seguindo as instruções abaixo:
1 – Abra o Construtor de Apps
2 – Vá para a 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.l3 li p{
line-height: 18px !important;
overflow: visible !important;
}
Obs: Se estiver usando o Layout 4 ou 5 você deve trocar o número da classe (.layout.l3 li p) de l3 para l4 ou l5, para obter o resultado.
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. 😉
