# Outfit Ideas

<figure><img src="https://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-ff069ef050b4c6ca9df5b02c51bff4dee41d3463%2FScreenshot_1.png?alt=media" 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="https://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-7789473ced3175c3e6f81d9d250ba8d11e8a714e%2Fimage%20(20).png?alt=media" alt=""><figcaption></figcaption></figure>

## **Products**

<figure><img src="https://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-c50c923667ff8aeb7c83d5ebb7cebc0d631a9be1%2Fimage%20(21).png?alt=media" 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="https://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-796a2701b4b4ffadabae21240648f147ac4ab0de%2Fimage%20(22).png?alt=media" 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="https://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-6b81474acf84cf36d453759e1a49bd579f89abf3%2Fimage%20(23).png?alt=media" alt=""><figcaption></figcaption></figure>
