> For the complete documentation index, see [llms.txt](https://ajuda.temaflex.com.br/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ajuda.temaflex.com.br/personalizar-layout/estilos-de-layout.md).

# 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="/files/pKTTinQkQ0gXG09WxrRL" 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="/files/Z7Thj1fY1c2CEq62JkCZ" 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;

![](/files/Zsx4m6Q04066gmt4fSON)

</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="/files/Sf5Q6tUJVuPmXKjKEdtz" 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="/files/K1OiR9Lfp0WhOcCHfOpD" 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="/files/GpPPfrsJEW6X21U7cICQ" 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.