Correções para os problemas mais comuns encontrados na família de templates Brine.

Confira a seguir alguns problemas comuns com esse template. São bugs ou problemas conhecidos. Oferecemos suporte para o Squarespace versão 7.0, mas corrigir bugs ou problemas não é prioridade para nós enquanto nos dedicamos à nossa atual plataforma, a versão 7.1.

Para ajuda geral, confira o guia de templates Brine ou a lista de templates Brine.

Adicione um botão ao cabeçalho

Adicionar um botão ao cabeçalho é ótimo para incentivar um comportamento específico, como direcionar o tráfego para uma determinada página.

Veja como adicionar um botão ao cabeçalho:

• Use a navegação: para criar uma chamada à ação na sua navegação, mantenha apenas um link na sua Navegação Secundária e, em seguida, edite a Navegação Secundária como botão. Edite a Navegação Primária em qualquer outro estilo.
• Use a área de introdução: crie uma chamada à ação em uma página específica; basta adicionar um Bloco de Botão à área de introdução. Adicione um texto ou outros blocos para destacar a sua mensagem.

A imagem ou vídeo do banner não está aparecendo

No Brine, os banners são exibidos na maioria dos tipos de página, mas não são aceitos em:

• Publicação individual do blog, páginas de produto e de detalhes sobre eventos.
• Páginas de Entrada
• Imagens em destaque adicionadas à Página Índice principal. Em vez disso, adicione as imagens em destaque às seções de conteúdo dentro do Índice.
• Banners de vídeo às vezes não aparecem na versão móvel, dependendo da versão do browser e da velocidade da conexão do visitante. Nos dispositivos móveis, defina uma imagem de contingência para que ela apareça quando não for possível carregar o banner do vídeo.

Se a sua página aceita banners mas não está exibindo nenhum, veja como solucionar o problema:

1. Em Configurações de Página, clique na aba de Mídias.
2. No caso das imagens de banner, clique em Imagem. No caso de banners de vídeo, clique em Vídeo.
3. Verifique se a imagem ou o vídeo está presente.
4. Clique em Salvare atualize a página.

Se o banner continuar sem aparecer:

1. Nos estilos do site, acesse a seção Principal.
2. Aumente a Margem da Introdução (com Imagem de Fundo).
3. Na seção Principal: sobreposição, veja se a Cor de sobreposição não está totalmente opaca.
4. Clique em Salvare atualize a página.

Os banners não têm sangria total

O banner normalmente aparece sem margens, se estendendo até as bordas do browser. Se seus banners não estiverem assim, mude o layout do site:

1. Nos estilos do site, acesse a seção Site.
2. Escolha Design: largura total ou Design: fundo total.
3. Na seção Site: borda, veja se Mostrar borda está desmarcado.
4. Clique em Salvare atualize a página.

Publicações do blog não têm seções de comentários

Por padrão, comentários do blog são desativados no Brine, mesmo se você ativar comentários em um post de blog individual.

Para ativar os comentários no seu site:

1. Abra o painel Preferências do blog.
2. Clique em Configurações de comentários.
3. Marque a opção Ativar comentários no geral. Mais configurações aparecerão para comentários.

Saiba mais em Comentários do blog e curtidas simples.

Alterar o texto do mês em um calendário de Página de Eventos

No layout Calendário da página de eventos, o nome do mês é centralizado acima do calendário. A fonte, o tamanho e a cor do texto do mês seguem os ajustes do Título 1. Para alterar esses ajustes:

1. Navegue para outra página no site que contenha o texto Título 1.
2. Retorne ao painel Site, clique em Design e depois em Estilos do site.
3. Localize os ajustes do Título 1 em Conteúdo: Fontes e Conteúdo: Cores.
4. Clique em Salvar e, em seguida, retorne à página de eventos para exibir suas alterações.

As colunas estão exibidas no lugar errado

Colunas únicas com inserção de conteúdo contornam blocos flutuantes.

Se o bloco flutuante for mais alto do que o conteúdo de uma única coluna, poderá ocorrer interferência com o layout do conteúdo em várias colunas abaixo. Para ajustar isso, adicione um Bloco Spacer acima do conteúdo de várias colunas.

Crie uma imagem de fundo de página inteira

Use uma Página Índice para criar o efeito de uma página com uma imagem de fundo:

1. Crie uma Página Índice.
2. Adicione uma seção de conteúdo.
3. Adicione uma imagem em destaque à seção de conteúdo. Dessa forma, será criada a imagem de fundo.
4. Adicione o conteúdo da página à seção de conteúdo. Ele sobreporá a imagem em destaque.
5. Para aumentar a altura, adicione mais espaços em um bloco de texto na parte inferior.

Crie um banner de slideshow

Você pode usar uma Página Índice para criar o efeito de um banner de página em slideshow:

1. Crie uma Página Índice.
2. Clique em Adicionar Seção para criar sua primeira seção.
3. Selecione Galeriae adicione várias imagens à coleção.
4. Adicione uma seção Índice de galeria com várias imagens como a primeira seção.
5. Na seção Índice: galeria do painel Estilos do site, escolha Layout: slideshow. (isso afeta todas as seções de Índice da galeria do site).
6. Na seção Índice: galeria em slideshow, marque a opção Reprodução automática da galeria.
7. Adicione uma seção de conteúdo abaixo da seção Índice da galeria e adicione o conteúdo da página a ela.

Desativar a rolagem parallax

Para isso:

1. Acesse uma página com uma imagem de banner.
2. Nos estilos do site, acesse a seção Principal: sobreposição.
3. Desmarque Ativar parallax.
4. Clique em Salvare atualize a página.

Isso afetará todo o seu site.

Menus suspensos não aparecem na navegação de rodapé

Na navegação do rodapé, a lista suspensa não aparece como menu suspenso. É possível deixá-las em colunas separadas com o título da lista suspensa como cabeçalho.

Para adicionar um menu suspenso à navegação, adicione a lista suspensa à navegação primária ou à navegação secundária.

O menu suspenso no cabeçalho aparece cortado

Se o último link de navegação do seu site à direita for um menu suspenso, o título das páginas pode aparecer cortado. Isso geralmente acontece em telas menores (como nos tablets) ou quando o ajuste do estilo de espaçamento do site é reduzido. Para corrigir:

1. No painel Páginas, localize a lista suspensa que cria o menu suspenso.
2. Mude a lista suspensa de posição na seção Navegação primária. Contanto que a lista suspensa não esteja na última posição, o título das páginas aparecerá inteiro.

As cores de fundo do rodapé mudam dependendo da página

Isso acontece se a cor de fundo do rodapé for parcialmente ou completamente transparente. Nas páginas sem imagens em destaque, a cor do rodapé aparece sobre um fundo branco. Nas páginas com imagens em destaque, a cor de fundo do rodapé aparece sobre a cor da área de conteúdo principal.

Para corrigir:

1. Nos estilos do site, acesse a seção Rodapé.
2. Veja se a Cor de fundo está completamente opaca.

A área dos blocos intermediários do rodapé desapareceu

Às vezes, quando todo o conteúdo da área dos blocos centrais é apagado, a anotação desaparece na visualização Colunas. Para corrigir o problema, mude temporariamente para o layout empilhado:

1. Nos estilos do site, acesse a seção Rodapé.
2. Selecione Layout: Empilhado.
3. Saia do painel Estilos do Site.
4. Adicione conteúdo à área Blocos Centrais do Rodapé.
5. Reabra o painel Estilos do Site e escolha Layout: Colunas.
6. Clique em Salvar.

Elementos do cabeçalho não estão exibidos corretamente

Em tablets ou browsers menores, poderá haver sobreposição se muitos elementos forem configurados para aparecer na mesma área do cabeçalho.

Para o melhor resultado, posicione cada elemento em uma parte diferente do cabeçalho. Para escolher onde cada elemento deve aparecer, use a seção Cabeçalho: layout nos estilos do site.

As opções de cabeçalho não aparecem no painel Estilos do Site

Alguns ajustes de elementos só aparecerão no painel Estilos do Site se houver esses elementos no seu site.

• Navegação - os ajustes aparecem depois de adicionar páginas ou links à Navegação Primária ou Secundária.
• Carrinho de compras e conta do cliente – os ajustes aparecem após você criar uma Página da loja. A Compra expressa precisa estar desativada.
• Slogan - ajustes aparecem depois de adicionar um slogan.
• Cabeçalho: parte inferior - esta seção aparece após você adicionar um ou mais elementos à metade inferior do cabeçalho na seção Cabeçalho: layout.
• Cabeçalho: topo - esta seção aparece após você adicionar um ou mais elementos à metade superior do cabeçalho na seção Cabeçalho: layout.
• Área de introdução - os ajustes aparecem quando você está em uma página que aceita a área de introdução.
• Banner- ajustes aparecem quando você está em uma página que aceita banners.

Os títulos são exibidos em duas linhas em determinadas larguras

Na família Brine, alguns títulos aparecem em duas linhas quando o browser tem cerca de 1.400 pixels de largura; eles voltam a ter uma linha em browsers com cerca de 1.120 pixels. Isso faz parte do design do template.

Ícones e o título do site se sobrepõem na versão móvel

Se houver sobreposição dos elementos da barra de navegação móvel, transfira um ou mais deles para a outra barra.

Por exemplo: para transferir o ícone ☰ do topo para a parte de baixo da barra de navegação:

1. Nos estilos do site, acesse a seção Versão móvel: ícone de menu.
2. Altere a Posição para Embaixo (esquerda, direita ou centro).

Repita esses passos com todos os elementos que se sobrepõem.

Seções do Índice não estão exibidas na altura do navegador

Para definir que algumas ou todas as seções de conteúdo sejam exibidas na altura do navegador:

1. Nos estilos do site, acesse a seção Índice: página.
2. Use Aplicar Altura Mínima para definir quais seções serão afetadas.
3. Defina a Altura Mínima com 100 vh.

Se a seção não preencher a altura do browser:

• Experimente com Preenchimento (Páginas sobrepostas) e Preenchimento até conseguir a aparência que deseja.
• Se for maior que a altura do navegador, o conteúdo da seção (incluindo a margem) continuará com a altura original.
• O ajuste Borda espelhada também pode afetar a exibição das primeiras seções.

Para seções de índice de galeria:

• Layout: apresentação em slides - marque Usar altura fixa para definir a altura manualmente.
• A altura é definida automaticamente pelo número e tamanho das imagens da galeria.

A borda espelhada da Página Índice não está com a cor certa

No Brine, a cor da borda espelhada é a mesma da página. Para definir isso, use Cor na seção Principal do painel Estilos do Site.

As imagens não estão exibidas na largura do site

O Bloco de Imagem não segue a inserção de conteúdo. Em vez disso, ele aparece na largura do site. Ajuste a largura do site com Largura na seção Site do painel Estilos do Site.

Você também pode marcar Esticar no Editor do Bloco de Imagem para que a imagem apareça em toda a largura do bloco.

Dica: no Brine, para criar uma imagem sem margens na Página Índice, adicione uma seção de Página de Layout com imagem de fundo ou uma seção de slides na Página de Galeria.

A barra de informações na versão móvel está sobreposta

Se o cabeçalho do seu site estiver sobreposto à barra de informações na versão móvel, os visitantes podem ter problemas para explorar o conteúdo do site. Isso acontece quando o ajuste fixo do estilo no topo da versão móvel e a barra de informações na versão móvel estão ativados. Para corrigir:

1. Nos estilos do site, acesse a seção Versão móvel: topo.
2. A configuração topo fixo na versão móvel precisa estar desmarcada.

Para deixar o ajuste "topo fixo na versão móvel", você pode excluir a barra de informações na versão móvel.

A versão móvel do meu site apresenta rolagem na horizontal

Caso ocorra rolagem na horizontal, é possível que você tenha ampliado a página. Tente atualizar o seu navegador móvel para redefinir o zoom.

Se isso não resolver o problema, talvez o espaçamento lateral do seu site tenha menos de 17 pixels, o que pode fazer a versão móvel do seu site aparecer mais amplo do que a janela do navegador. Para corrigir:

1. Nos estilos do site, acesse a seção Site.
2. Certifique-se de que a Margem Lateral tenha pelo menos 17 pixels.

Estilos móveis não estão aparecendo

Na versão móvel, se as configurações de estilo não aparecerem em aparelhos móveis e na Prévia por aparelho, talvez o seu site só mude para prévia por aparelho móvel em browsers muito estreitos. Para redefinir a largura conforme a mudança:

1. Nos estilos do site, acesse a seção Versão móvel.
2. Certifique-se de que seu Ponto de Quebra no Dispositivo Móvel esteja definido em 640 pixels ou superior.
3. Clique em Salvar.

A barra de navegação tem uma cor indesejada

Ao ajustar a opacidade da barra de navegação inferior, a cor dela ao rolar para baixo dependerá das configurações. Se o site tiver borda, ela será aparecerá sobre essa cor. Caso contrário:

• Se tiver um banner de página, ela é exibida sobre a cor de fundo do site
• Se não tiver banner, ela aparece sobre a cor de fundo do rodapé

Imagens parallax estão recortadas demais

Na seção Principal: sobreposição, marque Recorte inteligente parallax. Com essa opção marcada, as imagens do banner recortam o mínimo necessária para exibição em parallax.

O título do site está diferente em dispositivos móveis

Dependendo do aparelho, você pode alterar como o título do site aparece. Defina estilos de fonte diferentes para computador e celular com a personalização dos estilos móveis específica do seu template.

Para que a sua identidade visual seja idêntica em todos os aparelhos, selecione o mesmo estilo de fonte nas seções Identidade visual da versão móvel e Identidade visual do cabeçalho no painel Estilos do Site.

Ícones de redes sociais no cabeçalho superior são a cor errada em Páginas Índice

Se a primeira seção do seu Índice for uma galeria, e você tiver o Cabeçalho de Sobreposição na Primeira Galeria de Índice marcada, os ícones de redes sociais no cabeçalho seguem automaticamente o ajuste Cor (Sobreposição) em Ícones sociais . No entanto, esse ajuste só aparece quando você define a Posição Social em Cabeçalho: Layout como uma das opções de cabeçalho inferior. Como resultado, ícones de redes sociais posicionados no cabeçalho superior podem ser uma cor inesperada que você não pode alterar.

Para alterar esse ajuste de cor, defina temporariamente Posição Social em Cabeçalho: Layout para uma das opções de cabeçalho inferior. Depois de alterar a cor, mova os ícones de redes sociais de volta para o cabeçalho superior.

O texto está estreito e centralizado

Quando determinados blocos estão em uma única coluna, eles são automaticamente inseridos no meio da página com espaço em branco em ambos os lados. O nome disso é inserção de conteúdo.

Para remover a inserção de conteúdo, deixe a Inserção de conteúdo como 0 na seção Principal do painel Estilos do Site.