> For the complete documentation index, see [llms.txt](https://nextsky.gitbook.io/glozin-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nextsky.gitbook.io/glozin-theme/theme-sections/outfit-ideas.md).

# Outfit Ideas

<figure><img src="/files/2feyHom1e2ouyriZRjzr" alt=""><figcaption></figcaption></figure>

The Outfit Ideas displays a quick list of desired products to catch visitors' attention.

{% hint style="success" %}
Steps

1. In the theme editor (**Customize**), click **Add section**
2. Locate **Outfit Ideas**
3. **Save**
   {% endhint %}

## Section settings <a href="#collection-list-settings" id="collection-list-settings"></a>

### **Section header** and **General** <a href="#id-1.-section-header-and-general" id="id-1.-section-header-and-general"></a>

**Section width:** You can choose among Container, Wrapped container, Full width for the banner layout.

**Color scheme:** Set text color and background color with preset scheme.

Use the provided text fields to add a suitable heading/subheading/description. Leave any of them blank if you do not want to display them.

Adjust the text alignment (left/center/right) along with the font size.

<figure><img src="/files/NkKgvqrryzeYdxu34qad" alt=""><figcaption></figcaption></figure>

## **Products**

<figure><img src="/files/RxRsz4mGCUT5hg6JDTbp" alt=""><figcaption></figcaption></figure>

**Items per row:** The number of items displayed on each row in the grid layout can be customized to suit your preferences and the overall design of your site.

**Column gap:** The spacing between each column pair

## **Section padding:**

<figure><img src="/files/AAb4WGB1fXmBBIirVhKS" alt=""><figcaption></figcaption></figure>

Section padding allows you to specify the space between this section and the preceding or following sections, or both.

## Block settings

For collection items, you have the capability to configure the following elements:

* **Image:** Choose or upload an image associated with the collection.
* **Product:** Select Product.

<figure><img src="/files/8sdBbmWIlvJ7UFvqSsSt" alt=""><figcaption></figcaption></figure>