CSS Para quebra de linha na Home Page (Layouts 3 Horizontal)

< Voltar

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.l11 a p {

line-height: 18px !important;

overflow: visible !important;

}

 

.layout .slider-pager {

display: none;

}

 

Obs: O primeiro grupo de códigos da o efeito de quebra de linha. O segundo grupo de códigos da o efeito de ocultar a barra de slider do rodapé, se não desejar um ou outro você deve apaga-lo e salvar.

 

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