Visão geral das configurações de fundo

Como alterar a cor de fundo?

Existem opções 2: cor sólida e gradiente.

Cor de fundo sólida

Um fundo de cor sólida é uma cor única e uniforme aplicada a um elemento.

Configurações de cores sólidas em GemPages:

• Código de cores hexadecimais: Insira o código hexadecimal exato para precisão. Isso é útil para manter a consistência da marca.
• Conta-gotas: Clique no ícone de caneta para escolher visualmente qualquer cor da sua página.

Se você quiser alterar a cor de fundo de toda a página, confira Este artigo.

Fundo Gradiente

Um fundo gradiente no GemPages é uma transição suave entre duas cores, obtida com um gradiente linear. 

Configurações de gradiente em GemPages:

• Controle deslizante de gradiente: Configure uma transição de gradiente em termos de cor, número de cores e posição das cores.
• Direção do gradiente: Configure a direção da transição de gradiente.
• Cor recente: Exibe as cores escolhidas recentemente.
• Cor sugerida: Exibe as cores indicadas pelo GemPages.

Como adicionar uma imagem de fundo?

Configurações de fundo de imagem em GemPages:

O GemPages permite que você controle diversas propriedades de fundo da imagem:

• Escala: Escolher entre Cobrir para preencher a área completamente ou Conter para garantir que a imagem inteira fique visível sem cortes.
• Posição: Alinhe a imagem em áreas específicas, como o centro, o canto superior esquerdo ou o canto inferior direito.
• repetição: Decida se a imagem deve ser disposta horizontalmente, verticalmente ou não.
• acessório: Defina a imagem para rolar com o conteúdo ou permanecer fixa para um efeito de paralaxe.
• Otimizar o LCP: Pré-carregue automaticamente o banner quando o usuário rolar perto da seção que o contém.

Leia mais sobre Definir fundo e cor da imagem para entender o processo de definição de um plano de fundo de imagem. 

Como adicionar um vídeo de fundo?

Os fundos de vídeo são uma excelente maneira de chamar a atenção e criar uma experiência imersiva para seus visitantes. Disponíveis nas seções Banner de Vídeo e Banner de Herói, eles adicionam movimento e energia aos seus designs.

Por favor, consulte Este artigo para obter mais informações.

Configurações de fundo de vídeo em GemPages:

• Fonte: Escolha uma fonte para obter o vídeo:
  • YouTube: Adicione uma fonte de vídeo do YouTube. Suporta vídeos curtos e longos do YouTube.
  • Hospedagem de vídeo: Adicione uma fonte de vídeo de outra hospedagem.
• URL do vídeo: Digite a URL do vídeo que corresponde à fonte selecionada.
• Ciclo: Faça com que o vídeo reinicie do início quando chegar ao final.

Prática recomendada: adicione um plano de fundo à imagem do seu produto

Adicionar o fundo à Linha (não diretamente à Imagem do Produto) oferece mais controle de layout e ajuda a evitar distorção da imagem.

Siga estas etapas para adicionar um plano de fundo ao elemento Imagem do produto:

• Na barra lateral esquerda do Editor de GemPages, arraste e solte um Linha Ecimento na sua página.

Coloque a Imagem do produto Element dentro daquela linha.

• Selecione a linha para abrir suas configurações e localizar a Contexto configurações na barra lateral esquerda.

A partir daqui, você pode:

• Adicione uma cor sólida ou gradiente, ou
• Carregue uma imagem de fundo para aparecer atrás da foto do seu produto.

Como remover o fundo?

Se você quiser remover o fundo de um elemento ou seção no GemPages:

• Para Cor/Gradiente: Clique no seletor de cores e defina-o como transparente.
• Para Imagem / Vídeo: Clique no ícone remover/lixeira ao lado da mídia carregada.