# Edição de CSS avançada

1. Acesse o painel Nuvemshop e siga pelo caminho **"Loja Online > Layout > Editar layout"**.**"Personalizar layout".**
2. No menu lateral, clique em **"Edição de CSS avançada".**

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FLJK0ksknfmRbxwCPrcri%2Fimage.png?alt=media&#x26;token=c0c8d5ea-fc86-4a32-809b-580c96698222" alt=""><figcaption></figcaption></figure>

Insira código que deseja usar no campo correspondente e clique em **"Testar CSS"**.&#x20;

{% hint style="warning" %}

#### Para fazer **mais de uma alteração por CSS**, recomendamos **colar os diferentes códigos um abaixo do outro**, separados por um espaço em branco (Enter do teclado).&#x20;

No entanto, não é indicado fazer muitas alterações por CSS, pois **se você alterar o layout da loja, elas serão perdidas**, já que cada layout possui suas próprias características.
{% endhint %}

Por último, clique em **"Publicar Alterações"** para finalizar.

![](https://static.helpjuice.com/helpjuice_production/uploads/upload/image/7634/direct/1643232327031-1643232327031.png)

**Pronto! 🙌**

Para saber mais de edições via CSS avançada consulte a base de conhecimento da própria Nuvemshop:&#x20;

* [O que dá para ser alterado por CSS nos layouts da Nuvemshop?](https://atendimento.nuvemshop.com.br/pt_BR/codigo-css/o-que-da-para-ser-alterado-por-css-nos-layouts-da-nuvemshop)
* [Como obter o código CSS para usar na minha Nuvemshop?](https://atendimento.nuvemshop.com.br/pt_BR/codigo-css/como-obter-o-codigo-css-para-usar-no-layout)&#x20;