# Layout Style

{% hint style="success" %}
S**teps:**

* In the theme editor, click **Theme settings**
* Locate **Layout Style**
* Make required changes and click save
  {% endhint %}

### <mark style="color:blue;">Select Layout:</mark>

Select layout for your store. You can set to **default** or **fullwidth**.

**In the default layout**, you can display sections as container width or fullwidth individually from each section.

**In fullwidth,** you store  layout is fullwidth. All sections display fullwidth.

### <mark style="color:blue;">Layout Width</mark>:

Set width for your layout. All content will display max to width that you set here. However if you select fullwidth option from any section, that will display in fullwidth.

### <mark style="color:blue;">Body Background:</mark>

Set body background color or background image(optional). Set background image options like position, size, attachment etc.

### <mark style="color:blue;">Sections Padding:</mark>

Set left and right padding for Desktop, Ipad and Mobile . **This padding is set for all fullwidth sections**. However if you wish any section in fullwidth and not have any padding on left & right side, then enable **option No Padding** from that particular section.

### <mark style="color:blue;">**Section Headings**</mark>

You can see heading and sub heading on top when you add sections on home or inner pages.

Set these headings and sub headings style from here. Choose heading style, set alignment, font size and colors options from here.


---

# 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://adornthemes.gitbook.io/vogal-theme/theme-settings/layout-style.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.