quinta-feira, 26 de janeiro de 2012

Como alterar o CSS de um site em Joomla sem utilizar o template

O que acontece com o Joomla é que muitas vezes o CSS está inserido dentro dos módulos e componentes que instalamos e muitas vezes, mesmo que a gente adicione as classes dentro de nosso template, as alterações são sobrepostas por outros CSS's.

Há um módulo gratuito chamado HD-Custom CSS que pode ser baixado neste link.

Este módulo após instalado, permite que você insira o CSS através de módulo e nisto há diversas vantagens.
  • Você pode escolher em quais páginas aquele código será aplicado e mesmo se só será alterado após o login.
  • Você centraliza, independente de template os códigos mais importantes para você
  • Você não precisa ter acesso a ftp para buscar arquivos de dentro dos módulos e componentes
  • Você pode apenas despublicar o módulo caso queira voltar ao original
  • Você pode ter vários módulos do CSS abrindo em páginas diferentes
Isto te dá basicamente controle total sobre o CSS do site.

DICAS:
  • Sempre coloque este módulo na última posição do seu template. Normalmente é a debug ou footer. Caso não saiba qual é, logue na área administrativa, vá em Extensões --> Administrar Templates, selecione o template desejado e clique em pré-visualização. Isto mostrará todas as posições do seu template
  • Caso ainda assim o CSS não esteja sobrepondo, adicione !important no CSS.
Ex: body{
color: blue !important;
}

Até a próxima.

Um comentário:

  1. Era o que estava procurando. Estou com um problema no meu site e não consigo alterar porque não encontro o CSS do local. Estou usando o firebug e mesmo assim não estou conseguindo... vou tentar a tua dica.

    ResponderExcluir