Como aumentar o espaçamento entre as linhas de conteúdo no CSS do "Joomla"

Escrito por michael logan | Traduzido por deivid assis
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como aumentar o espaçamento entre as linhas de conteúdo no CSS do "Joomla"
É possível mudar o espaçamento entre linhas no "Joomla!" (Thinkstock Images/Comstock/Getty Images)

O sistema de gerenciamento de conteúdo "Joomla!" renderiza todo o conteúdo em páginas da internet usando "templates" (modelos) para dar a cada página do site uma aparência consistente. Assim que o "template" estiver instalado e todos os parâmetros estiverem definidos, artigos e outras peças de conteúdo serão facilmente adicionados, usando um editor simples, sem codificação adicional. O espaçamento entre as linhas de texto nas páginas da internet no "Joomla!" é controlado pelo código CSS no "template" utilizado para apresentar a página.

Nível de dificuldade:
Moderadamente fácil

Outras pessoas estão lendo

Instruções

  1. 1

    Clique em "Template Manager" (Gerenciador de templete) no painel do administrador no "Joomla!". Isso carregará e apresentará uma lista de "templates" instalados. Aquele com a estrela amarela é o modelo padrão que o "Joomla!" usa para exibir as páginas da web. Clique no nome do "template" padrão para carregá-lo para edição.

  2. 2

    Clique em "Edit CSS" (Editar CSS) no menu do gerenciador de "template" na parte superior direita da tela. Uma lista de arquivos CSS relacionadas com o modelo aparecerá em uma lista. O arquivo mais comum aerá o "template.css", mas alguns desenvolvedores darão nomes diferentes para seus arquivos de "template". Clique no botão de seleção "template.css", em seguida, clique em "Edit" (Editar) para carregar o arquivo para edição.

  3. 3

    Procure uma linha de código semelhante a esta:

    line-height: 1,5; line-height 150%; line-height 15pt;

    Um link para a propriedade "line-height" (altura da linha) do CSS é dada na seção Recursos, para obter detalhes sobre as diferentes unidades utilizadas para essa linha de código.

  4. 4

    Altere o parâmetro "line-height" para o tamanho desejado e certifique-se de terminar a linha de código com um ponto e vírgula. Por exemplo:

    Line-height: 120%;

  5. 5

    Clique em "Save" (Salvar) no menu no canto superior direito da tela. Clique no link "Preview" (Pré-visualizar) acima do menu para visualizar o site e verificar se a altura da nova linha é aquela que realmente quer.

Dicas & Advertências

  • O adicional "Firebug" do navegador Firefox tornará fácil encontrar o código para mudá-lo. Visualize a página da web, em seguida, ative o "Firebug". Clique em "CSS" e depois no ícone "Inspect Element" (Inspecionar elemento). Ao clicar sobre o texto, o "Firebug" mostrará as linhas de CSS que estarão controlando a saída de texto com as linhas de código "filename" e "line numbers".
  • Faça o backup do seu site antes de fazer alterações no código. Se algo der errado ou não funcionar, você sempre poderá restaurar seu site e assim desfazer as alterações.

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível