# Collection List Packery

To add this section, please follow below steps:

{% hint style="success" %}
**Steps:**

1. From your Shopify admin, go to **Online Store -> Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Click **Add section** and choose **"Collection List Packery 2"**.
{% endhint %}

<figure><img src="https://4042727321-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSkIHgFDpy0SIeYlayaAb%2Fuploads%2F5Y77g3cGEI1ZNGSLz0HQ%2Fscreenshort-98.jpg?alt=media&#x26;token=bf680287-b114-47f6-a3ab-baf3d12cf1a0" alt=""><figcaption></figcaption></figure>

#### **1. Section Setting**

| Setting                                                 | Description                                                                                                     |
| ------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------- |
| Spacing Top / Spacing Bottom on Desktop, Tablet, Mobile | Determine the spacing of the section from its top and bottom sections on Desktop, Tablet and Mobile separately. |

#### &#x20;**2. Block Settings**

| Setting                                         | Description                                                                                                            |
| ----------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------- |
| Alignment                                       | Select Content Horizontal and Vertical Alignment.                                                                      |
| Padding                                         | Set Content left, right, top, bottom Padding.                                                                          |
| Content: Max Width                              | Set Content Max Width.                                                                                                 |
| Title                                           | Enter the title for the section.                                                                                       |
| Title Font Size on Desktop, Tablet, Mobile      | Determine the font size of the title on Desktop, Tablet and Mobile separately.                                         |
| Line Height                                     | Determine the Line Height of the title on Desktop, Tablet and Mobile separately.                                       |
| Title Font Weight                               | Select the font weight of the title to be either Extra Light, Light, Normal, Medium, Semi Bold, Bold, Bolder or Black. |
| Title text transform                            | Select the text transform of the title to be either uppercase, lowercase, capitalize, none.                            |
| Title Letter Spacing                            | Enter the letter spacing for the title                                                                                 |
| Title Color                                     | Set the color for the subtitle.                                                                                        |
| Title Spacing Bottom on Desktop, Tablet, Mobile | Determine the spacing of the title from bottom on Desktop, Tablet and Mobile separately.                               |
| Button                                          | Set button text, link, Font Size, Line Height, Font Weight, Letter Spacing, Text Transform, Buttom Border and Color    |

<figure><img src="https://4042727321-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSkIHgFDpy0SIeYlayaAb%2Fuploads%2FqKDXaA4z31h5nahzQuUb%2Fscreenshort-99.jpg?alt=media&#x26;token=2cb587a1-f841-4fe2-a08e-ea5c615c24a7" alt=""><figcaption></figcaption></figure>
