Alterar a Cor de Fundo da Página do Evento

Deseja mudar a cor do fundo ou das seções da sua página de evento? Neste artigo, vou te ensinar como fazer isso.

Acesse o menu Página do Evento

1. No menu Página do evento.  2. Clique em </>Avançado.

Pronto! Você irá visualizar a tela abaixo, onde poderá colocar os códigos CSS para personalização da página:

Agora, vamos aprender alguns códigos que você pode utilizar! Mas antes, algumas observações importantes:

• Sempre adicione os códigos dentro das tags <style> e </style>. Você poderá adicionar quantos códigos quiser (um abaixo do outro), mas eles precisaram estar entre essas tags, como no exemplo abaixo:
  
   
• Ao utilizar os códigos, você irá precisar substituir algumas informações (geralmente referente a cor ou fonte).

Dica Even3: Utilize o site HTML Color Code para encontrar o código das cores.

Cor do Background

Parte de cima do Background

#imagemFundo { background: #COR !important; }

Parte de baixo do Background

body { background-color: #COR !important; }

Resultado:

Cor das áreas

.box { background: #COR !important; }

Resultado:

Eventos com o novo layout 

Cor do Background

Background da parte de superior

header {  background-color: #COR !important; }

Background da parte de inferior

.background-body { background-color: #COR; !important; }

Resultado:

Cor de fundo da navbar 

.navbar-pagina-evento { background-color: #COR !important; }

Resultado:

Prontinho! Você aprendeu a como alterar a Cor de Fundo e das Áreas do Evento.

E agora? Veja outras configurações avançadas da página do evento

Treinamento Gratuito Ao Vivo - Even3 Talks: Toda 3ª Quarta-Feira do mês no YouTube da Even3. Confira as edições anteriores clicando aqui.