Manual Tema Linha FLAT
Conheça a TraySuporte da TraySuporte do seu TemaCompre um Tema da Fábrika
  • 00. Conheça o Tema FLAT
  • 01. O Manual
  • 02. Como Instalar, Duplicar, Editar, Atualizar e Publicar seu tema
    • 2.1 Instalar seu tema
    • 2.2 Duplicar, Editar e Publicar seu tema
    • 2.3 Atualizar seu tema
  • 03. Painel de Edição do Tema
    • 3.1 - Edição da Estrutura e Elementos
      • 3.1.1 - Cabeçalho
      • 3.1.2 - Menu
      • 3.1.3 - Régua de Informações
      • 3.1.4 - Banners
      • 3.1.5 - Popups
      • 3.1.6 - Vitrines de Produtos
      • 3.1.7 - Depoimentos
      • 3.1.8 - Carrossel de Marcas
      • 3.1.9 - Blog ou Notícias
      • 3.1.10 - Rodapé
      • 3.1.11 - Botão Voltar ao Topo
      • 3.1.12 - WhatsApp Flutuante
    • 3.2. Edição das Cores
      • 3.2.1 - Cabeçalho
      • 3.2.2 - Menu
      • 3.2.3 - Régua de Informações
      • 3.2.4 - Vitrines de Produtos
      • 3.2.5 - Carrossel de Marcas
      • 3.2.6 - Rodapé
      • 3.2.7 - Breadcrumb
      • 3.2.8 - Popups
      • 3.2.9 - Botão Voltar ao Topo
      • 3.2.10 - Páginas
  • 04. Configurações específicas do seu tema
    • 4.2 - Páginas Institucionais
    • 4.4 - Categorias e Subcategorias
    • 4.5 - Listas de Desejo
    • 4.6 - Página de Produto
    • 4.7 - Características e Variações
  • 05. Edição do código fonte do seu tema
  • 06. Sua sugestão é muito importante para nós
  • 07. Atualizações do tema (changelog)
  • 08. Muito Obrigado!
Powered by GitBook
On this page

Was this helpful?

  1. 03. Painel de Edição do Tema
  2. 3.2. Edição das Cores

3.2.1 - Cabeçalho

Previous3.2. Edição das CoresNext3.2.2 - Menu

Last updated 4 years ago

Was this helpful?

O Cabeçalho é dividido em 2 seções: Pré Cabeçalho e Cabeçalho e cada uma dessas seções é composta por alguns elementos.O Cabeçalho engloba as regiões onde estão a logo e tarja superior onde está a região para login e os ícones das Mídias Sociais.

Cor de fundo - cor do background da tarja que fica antes do cabeçalho, onde tem os ícones de login | cadastre-se, lista de desejos, minha conta, rastreio rápido e também os de mídias sociais.

Cor dos textos - cor do textos que estão na região do pré-cabeçalho. Alterando aqui os textos de login, cadastre-se, até rastreio rápido ficarão na cor selecionada.

Cor dos textos ao passar o mouse - cor do mouse hover, ou seja, cor que aparece quando você colocr o mouse em cima de um dos textos da região.

Cor dos ícones links - cor dos ícones que ficam ao lado de login | cadastre-se, lista da desejos, minha conta e rastreio rápido.

Cor dos ícones redes - cor dos ícones das redes sociais que aparecem no pré-cabeçalho.

Cor dos ícones redes ao passar o mouse - cor do mouse hover, ou seja, cor que aparece quando você coloca o mouse em cima de um dos ícones de redes sociais.

Cor de fundo - cor do background apenas do cabeçalho. Alterando aqui, toda região de cima onde está a logo, a caixa de busca e o carrinho ficarão da cor selecionada.

Cor de fundo - cor do background do campo de busca. Alterando aqui, a parte onde você digita o texto para buscar, ficará na cor selecionada.

Cor da borda - cor da borda que circula o campo de busca.

Cor do texto - cor do texto que aparece quando você digita o que deseja buscar no campo de busca.

Cor do botão - cor do botão onde aparece a lupa, que fica do lado direito do local onde você digita o texto para buscar.

Cor do ícone - cor da lupa que aparece no botão, do lado direito do local onde você digita o texto para buscar.

.

Cor do fundo - quando você digita uma palavra no campo busca, aparece abaixo uma caixa com a sugestão do que você pode buscar. Alterando a cor aqui, o background dessa caixa que aparece fica na cor selecionada.

Cor do texto - texto da busca que o usuário digita.

Cor do fundo “Você quis dizer” - cor do background da região que aparece o “Você quis dizer”.

Cor do texto “Você quis dizer” - cor do texto “você quis dizer” e também da sugestão de busca que aparece abaixo dele.

Cor do título - cor das palavras “meu carrinho” que aparecem no cabeçalho.

Cor do texto - cor do valor que aparece abaixo de “meu carrinho”.

Cor do ícone - cor do ícone de carrinho de compras que aparece ao lado de “meu carrinho”.

Cor da quantidade - cor do background da bolinha que aparece acima do carrinho de compras.

Cor do texto quantidade - cor do número que aparece dentro da bolinha de quantidade.