# Estilos de layout

{% embed url="<https://www.youtube.com/watch?index=4&list=PLjqZTg-KCmj8PNgm5YdN3Zk02OZeblrQU&v=EOoaGwUP55I>" %}

1. Acesse o painel Nuvemshop e siga pelo caminho **"Loja Online > Layout > Editar layout"**.
2. Clique na opção **Estilos de layout** no menu lateral para acessar as configurações.

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FYKnOYPSO5GiNkPDrt09k%2Fimage.png?alt=media&#x26;token=e38434d6-edfc-4eb1-8930-01ada03d922a" alt=""><figcaption></figcaption></figure>

<details>

<summary>Espaçamento</summary>

Na opção **Espaçamento**, defina a distância entre as seções na página inicial: Mínimo, Médio ou Máximo.

<img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FjGtAN8yHAA4DmSOW3rSa%2Fdoc7.png?alt=media&#x26;token=bc98598a-d74e-4de5-a216-773e38595920" alt="" data-size="original">

</details>

<details>

<summary>Bordas</summary>

Na opção **Bordas,** você pode aplicar um tipo de aspecto, reto ou níveis de arredondamento, para as bordas de elementos e formulários no layout.&#x20;

![](https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2F13ZJBjcedrSvPMtVtEyB%2Fimage.png?alt=media\&token=3f527f7d-5331-45f8-9257-9a8721e465ce)

</details>

<details>

<summary>Largura das seções</summary>

Configure a largura do conteúdo das seções, podendo aplicar largura "normal"  que deixara todas as seções centralizadas ou "completo" que deixara todas as seções com margens até as bordas.

<div align="left"><figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FLErmBrvRSKYZczVocuvg%2Fimage.png?alt=media&#x26;token=530f8914-6c62-4452-8a57-10c71ee484c4" alt=""><figcaption></figcaption></figure></div>

</details>

<details>

<summary>Mensagem de cookies</summary>

Escolha a osição da mensagem de cookies em ***computadores.***

<div align="left"><figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FSuJpxA0aUosPbrbDwTWN%2Fimage.png?alt=media&#x26;token=9fb09114-58b0-44b4-80d7-dee4001d3356" alt=""><figcaption></figcaption></figure></div>

</details>

<details>

<summary>Cor do tema no navegador</summary>

Nesta opção você pode marcar se deseja que a cor no navegador, via mobile, seja a mesma que a cor principal do Tema.&#x20;

<img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FMVoyvWGPR92hxhZ1K71l%2Fdoc10.png?alt=media&#x26;token=be31d73f-c196-4c77-ba1b-29ebca843f60" alt="" data-size="original">

</details>

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

<figure><img src="https://lh5.googleusercontent.com/dPJAQCU7yUHoNKDqu3THQ0C8Wr8ZHcEtoWPbLkyALJgYpO2jkGxQSDvE4vndymASO5qqg49GbMAQUhMJlNW6Yw1S1DLSk1lLmY-WX5FIdmYU6ACDUyjQbVzZ8rMQ-SR0u_XieD2nPbKSLyow_BULUs31VHyNQMxxGxQDoByJ0s6GKFEY6TkwVtmQ-niDjQ" alt=""><figcaption></figcaption></figure>

**Pronto! 🙌**&#x20;

Agora os elementos da sua loja já estão como você escolheu.