Editar o código CSS da sua loja permite fazer pequenas modificações no layout, sem precisar mexer no código HTML: mudar cores, ocultar elementos, modificar tamanhos ou reorganizar a posição do que já existe. Não é possível criar elementos novos, apenas modificar o estilo dos que já fazem parte do seu layout.
Para aproveitar melhor as diferentes possibilidades de personalização com CSS, é recomendável ter um conhecimento básico dessa linguagem. Se você não possui conhecimento, recomendamos consultar um dos nossos Parceiros Especialistas.
Neste tutorial, explicamos como adicionar e excluir códigos CSS personalizados com o layout Ipanema.
Helpjuice Info Callout Title
Para ver exemplos de personalização com essa linguagem, acessar o tutorial O que dá para ser alterado por CSS nos layouts da Nuvemshop?
Vamos aos passos!
1. Acessar o administrador da sua Nuvemshop.
2. Acessar "Loja online > Layout" e clicar em "Editar layout".
3. Clicar no ícone de engrenagem no menu superior (ao lado de "Editar design") para acessar as Configurações avançadas.
4. No menu lateral, clicar em "CSS personalizado" para abrir o campo de código.
5. Inserir o código em "Código CSS personalizado" para personalizar visualmente sua loja além das opções padrão do editor. Se você precisar aplicar vários códigos ao mesmo tempo, pode colá-los um embaixo do outro, separados por um espaço (tecla Enter).
Helpjuice Info Callout Title
Com esse campo, você pode ajustar estilos globais (como tipografias, cores, tamanhos e espaçamentos) ou criar personalizações pontuais. Recomendamos que tenha conhecimentos técnicos em desenvolvimento web para realizar esses ajustes.
6. Clicar em "Salvar e publicar" para aplicar as alterações.
Pronto!
Agora você já sabe como personalizar sua loja com códigos CSS no layout Ipanema.
Helpjuice Warning Callout Title
Salve uma cópia dos códigos que você adicionar em um arquivo de texto próprio. Como não armazenamos o histórico de alterações, se você excluir um código, não vamos conseguir recuperá-lo. Além disso, tenha em mente que, se em algum momento você trocar de layout, todos os códigos CSS adicionados vão se perder.
Como excluir um código CSS?
1. Acessar o campo "CSS personalizado" e apagar o código que você quer remover. Se você colou vários códigos um embaixo do outro, identifique o bloco correspondente e exclua apenas essas linhas, sem mexer no resto.
2. Clicar em "Salvar e publicar" para aplicar a alteração.
Lembre-se de que, se você não salvou uma cópia do código em um arquivo de texto próprio, não conseguimos recuperá-lo depois de excluído.
Se você quiser fazer mudanças maiores, pode acessar o FTP da sua loja seguindo o tutorial: Como editar o código do layout da minha loja?
Além disso, você pode contatar um dos Especialistas Nuvem caso precise de ajuda com a personalização do layout da sua loja via FTP ou código CSS.