# 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://ajuda.temaflex.com.br/personalizar-layout/estilos-de-layout.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.