Aplique CSS personalizado a fontes de estilo, cores e fundos além das opções embutidas do Squarespace.

Use o Editor de CSS para personalizar seu site além das opções integradas de estilo com código CSS. O CSS deve ser usado somente para alterar fontes, cores e planos de fundo. Outras alterações em CSS podem danificar seu site. Revise nossas recomendações sobre o que você deve e não deve mudar com CSS em nossas Perguntas frequentes para códigos personalizados.

Atenção:

O código personalizado pode afetar a aparência ou o comportamento do seu site, especialmente em aparelhos móveis. Nossa equipe de suporte não tem condições de auxiliar na adição de código personalizado ao seu site nem na solução de problemas decorrentes do uso desse recurso. Recomendamos consultar estes recursos para obter mais ajuda:

1. O Squarespace Forum
2. Um Squarespace Expert

 

Assistir a um vídeo

Meu CSS personalizado será transferido se eu mudar de template?

Se você tiver um site da versão 7.0, o CSS personalizado não será transferido ao mudar de template. Se voltar para o template anterior, o CSS adicionado ainda estará lá.

Estou recebendo um erro de sintaxe no Editor de CSS

O sistema de verificação de sintaxe do Editor CSS do Squarespace é um analisador, que testa o que vai funcionar em diferentes navegadores. Mesmo que seu código não retorne um erro em um validador CSS, o analisador irá sinalizá-lo se achar que uma linha pode não funcionar da maneira esperada. Se você vir um erro de sintaxe, revise o CSS para garantir que ele está escrito e formatado corretamente e nada está faltando.

Adicione o código CSS

Para adicionar código CSS:

1. Abra o painel CSS personalizado.
2. Para abrir o editor em uma janela expansível, clique em Abrir em nova janela. A janela se fechará se você sair do painel "CSS Personalizado".
3. Adicione o seu código.
4. Quando terminar, clique em Salvar para publicar suas alterações.

Faça upload de arquivos (opcional)

Você pode fazer upload de ativos para imagens personalizadas no Editor de CSS. Se estiver enviando uma fonte, considere usar a ferramenta de upload de fontes.

Para carregar arquivos:

1. Clique em Arquivos personalizados. Na versão 7.0, o texto do botão é Gerenciar arquivos personalizados.
2. Clique em Adicionar imagens ou fontes ou arraste arquivos para essa área para carregar o arquivo.

Dica: se a área de upload de arquivos não abrir, permita pop-ups no navegador.

Tipos de arquivos aceitos

A área "Arquivos personalizados" aceita os seguintes arquivos de imagem e fonte:

• .jpg
• .png
• .gif
• .ttf
• .otf
• .webp
• .woff

Usando arquivos personalizados

Para usar os arquivos:

1. Escreva o código até o ponto em que a URL do arquivo seja necessária para fazer referência.
2. Deixe o cursor onde a URL deve ficar no código.
3. Clique no arquivo.
4. O Editor de CSS colará automaticamente a URL direta no arquivo para que você faça referência a ela no código.

Arquivos personalizados e SSL

O URL do arquivo será formatado como seguro ou inseguro de acordo com as configurações de ativação do SSL. Se você alterar a preferência de SSL do seu site, recomendamos que você atualize o URL do arquivo para corresponder. Por exemplo, se você ativar o SSL:

1. Abra o Editor de CSS.
2. Clique em Gerenciar Arquivos Personalizados.
3. Clique no arquivo.
4. Altere o URL para que ele comece com https.
5. Clique em Save (Salvar).