Pular para conteúdo

Mudar as cores do site

As cores do site vêm de uma paleta de dez cores, definida em um único lugar. Modificar uma cor da paleta a modifica em todo lugar 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 a tela e copiar as classes CSS (veja Colorir um bloco). Se você não conseguir modificar, fale com o administrador do site.

Modificar uma cor existente

  1. Abra Ajustes > Cores.
  2. Na Paleta, encontre a cor a mudar (pelo número e pelo nome).
  3. Clique no botão Selecionar cor dessa linha.
  4. Escolha a nova cor: no quadrado, com a barra de matiz, ou colando o código dado pela identidade visual (um # seguido de seis caracteres, por exemplo #e67e22).
  5. Clique em Salvar alterações, no fim da tela.

A mensagem “Configurações salvas” confirma a operação. O cache do site é esvaziado automaticamente: os visitantes veem as novas cores na próxima visita.

Não mude o nome, só a cor

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

Mudar a cor dominante do site

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

  1. Em Ajustes > Cores, seção Papéis de cor, encontre Cor padrão.
  2. Escolha na lista outra cor da paleta.
  3. Clique em Salvar alterações.

Os submenus acompanham: eles retomam essa cor, um pouco mais clara (ajuste Cor dos submenus).

Acrescentar uma cor à paleta

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

  1. Encontre um espaço sem cor.
  2. Escreva um nome em inglês, em minúsculas, sem acentos nem espaços (green, light-blue).
  3. Escolha a sua cor.
  4. Clique em Salvar alterações.

A cor passa então a aparecer nas listas de escolha das atividades, das páginas e dos papéis.

Colorir um bloco de uma página

  1. Em Ajustes > Cores, clique em Fundo (cor do fundo do bloco) ou Texto (cor do texto) na linha da cor desejada. A classe é copiada.
  2. No construtor do Avada, abra os ajustes do bloco, aba General.
  3. Cole a classe no campo CSS Class e depois salve a página.

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

Escolher a cor de uma atividade

A cor de uma atividade é escolhida na paleta, na tela da atividade: veja Atividades e locais.

As armadilhas

  • Mudar o nome de uma cor estraga as páginas cujos blocos usam a sua classe antiga: eles perdem a cor. Só faça isso em caso de real necessidade.
  • Esvaziar um espaço ainda em uso tira essa cor de tudo o que a usava. Escolha primeiro outra cor em todos os lugares onde ela 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: você clicou em Salvar alterações? Depois recarregue a página com Ctrl + F5 (no Mac: Cmd + Shift + R).
  • Um bloco perdeu a cor: a classe dele não corresponde mais a uma cor da paleta (nome mudado, espaço esvaziado).

Para saber mais