Manual IdeaSports
  • Ideapix
    • Apresentação
    • Manual
    • Suporte
    • Instalação
    • Simulação
  • Banners e Imagens
    • Banners da loja
    • Dimensões
    • Localização no tema
  • Painel do tema
    • Acessar Painel do Tema
    • Minha Loja
      • Redes Sociais
      • Endereço da Loja
      • Logo
      • WhatsApp Flutuante
    • Cores
      • Alteração de cor
      • Cores gerais do tema
      • TopBar
      • Cabeçalho
      • Menu de Categorias
      • Régua de Vantagens
      • Selos
      • Vitrine
      • Newsletter
      • Rodapé
    • Imagens
      • Lightbox de Newsletter
      • Lightbox de Cupom
      • Banner Régua
      • Marcas
    • Layout
      • TopBar
      • Vitrine
      • Newsletter
  • Configurações
    • Abas da página de produto
    • Formas de pagamento
    • Formatos de Imagem na Vitrine (Thumb)
    • Imagens padrões
    • Páginas Internas
    • Tabela de Medidas
    • Textos e Mensagens
  • Recursos
    • Primeiros passos na Tray
      • Adicionar categorias
      • Adicionar produtos
      • Verificar informações da loja
      • Configurar formas de pagamentos
      • Configurar páginas da loja
      • Configurar frete e envio
      • Configurar domínio da loja
      • Configurar certificado de segurança SSL
      • Inaugurar loja
  • Considerações finais
    • SSL - Certificado de Segurança
    • Parabéns!
Powered by GitBook
On this page
  1. Painel do tema
  2. Cores

Alteração de cor

Como realizar alteração de cor

PreviousCoresNextCores gerais do tema

Last updated 5 months ago

A ferramenta permite personalizar o tema da loja alterando suas cores. Isso possibilita que você crie uma loja com uma identidade visual mais alinhada ao estilo desejado.

Aqui está um guia para entender como cada cor pode ser modificada:

Editando as Cores

Para editar uma cor, você tem duas opções:

  • Utilizando o Código Hexadecimal:

  1. Encontre o Código Hexadecimal da Cor:

    • Insira diretamente o código hexadecimal no campo da cor que você deseja editar.

  2. Não sabe o Código Hexadecimal?

    • Você pode usar um "color picker" para encontrar o código da cor. Recomendamos o site .

    • Clique em "Use your image" e selecione a imagem da qual deseja extrair a cor. O site identificará o código hexadecimal da cor presente na imagem.

  • Utilizando o Seletor de Cores:

Ao lado de cada campo de edição de cor, há um quadrado colorido e a baixo a opção de linear-gradiente, sendo possivel utilizar apenas uma das opções disponiveis

  1. Cor Gradient (Degradê)

Este processo permite que você personalize cada detalhe de cor da sua loja de maneira simples e eficiente.

Nas seções a seguir, o manual detalhará quais cores na loja são editáveis e quais campos são responsáveis por cada cor.

Para que as alterações realizadas sejam aplicadas no tema, clique em salvar.

O preenchimento das cores deve ser feito em código hexadecimal. Clique para consultar os códigos das cores.

Para editar a cor gradient, você deverá inserir um código no campo "linear-gradient". Esse código é personalizado conforme as cores escolhidas. Criamos um tutorial explicando passo a passo, veja como fazer .

aqui
clicando aqui
Image Color Picker