Ir para o conteúdo

Mudar as cores do site

As cores do site vêm de uma paleta de dez cores, definida num único lugar. Modificar uma cor da paleta modifica-a em todo o lado ao mesmo tempo: atividades, páginas, cabeçalho, menu, blocos coloridos.

Reservado aos administradores

As cores formam a identidade visual do site. Só os administradores as modificam; os editores podem consultar o ecrã e copiar as classes CSS (ver Colorir um bloco). Se não conseguires modificar, fala com o administrador do site.

Modificar uma cor existente

  1. Abre Definições > Cores.
  2. Na Paleta, encontra a cor a mudar (pelo número e pelo nome).
  3. Clica no botão Seleccionar cor dessa linha.
  4. Escolhe a nova cor: no quadrado, com a barra de tonalidade, ou colando o código dado pela identidade visual (um # seguido de seis caracteres, por exemplo #e67e22).
  5. Clica em Guardar alterações, no fundo do ecrã.

A mensagem «Definições guardadas» confirma a operação. A cache do site é esvaziada automaticamente: os visitantes veem as novas cores na próxima visita.

Não mudes o nome, só a cor

Se o laranja passar a um laranja mais suave, muda a cor, não o nome orange: mudar o nome de uma cor estragaria os blocos das páginas que a usam (ver As armadilhas).

Mudar a cor dominante do site

A cor por omissão colore o cabeçalho, o rodapé, o menu e as páginas sem cor própria.

  1. Em Definições > Cores, secção Funções de cor, encontra Cor por omissão.
  2. Escolhe na lista outra cor da paleta.
  3. Clica em Guardar alterações.

Os submenus acompanham: retomam esta cor, um pouco mais clara (definição Cor dos submenus).

Acrescentar uma cor à paleta

A paleta tem dez espaços, alguns dos quais podem estar vazios. Para usar um:

  1. Encontra um espaço sem cor.
  2. Escreve um nome em inglês, em minúsculas, sem acentos nem espaços (green, light-blue).
  3. Escolhe a sua cor.
  4. Clica em Guardar alterações.

A cor passa então a aparecer nas listas de escolha das atividades, das páginas e das funções.

Colorir um bloco de uma página

  1. Em Definições > Cores, clica em Fundo (cor do fundo do bloco) ou Texto (cor do texto) na linha da cor pretendida. A classe fica copiada.
  2. No construtor do Avada, abre as definições do bloco, separador General.
  3. Cola a classe no campo CSS Class e depois guarda a página.

Para um texto branco sobre um fundo colorido, acrescenta também a classe text-white (botão Copiar por baixo da paleta). Pormenores e exemplos: Botões Fundo e Texto.

Escolher a cor de uma atividade

A cor de uma atividade escolhe-se na paleta, no ecrã da atividade: vê Atividades e locais.

As armadilhas

  • Mudar o nome de uma cor estraga as páginas cujos blocos usam a sua classe antiga: perdem a cor. Só o faças em caso de real necessidade.
  • Esvaziar um espaço ainda em uso retira essa cor de tudo o que a usava. Escolhe primeiro outra cor em todos os sítios onde servia.
  • Uma cor «personalizada» (fora da paleta) de uma página ou de um evento não acompanha as mudanças da paleta.

Se algo não funcionar

  • O site não mudou: clicaste em Guardar alterações? Recarrega depois a página com Ctrl + F5 (no Mac: Cmd + Shift + R).
  • Um bloco perdeu a cor: a sua classe já não corresponde a uma cor da paleta (nome mudado, espaço esvaziado).

Para saber mais