# Collection cards

<figure><img src="https://1172126658-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgoStNEbk9Q25TX38NhdE%2Fuploads%2F2sDukLRV9kV6xq5U9Gez%2FFox-BG%20Light%20-%202025-11-28T155651.206.jpg?alt=media&#x26;token=80f32d5f-7790-4ee1-b911-a5f43a6e1ea8" alt=""><figcaption></figcaption></figure>

The **Collection cards** settings let you control how your collection images and previews appear throughout your store. Customize the image proportions and design style to ensure your collections look clean and consistent.

## How to customize Collection cards

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

1. In the theme editor (**Customize**), click **Theme settings**.
2. Locate **Collection cards**.
3. Make necessary changes.
4. Click **Save.**
   {% endhint %}

## Collection cards settings options

### Media

#### Aspect ratio

Choose how images are displayed within your collection cards.

Available options include:

* **Auto:** Automatically adjusts to the image’s original dimensions.
* **Square (1:1):** Keeps all blog images in a perfect square shape.
* **Portrait (4:5 / 3:4):** Ideal for vertically oriented images.
* **Landscape (16:9 / 4:3):** Best for wide, horizontal images.

<figure><img src="https://1172126658-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgoStNEbk9Q25TX38NhdE%2Fuploads%2FU63wlb8ON6c9JxtWhwR2%2Fimage.png?alt=media&#x26;token=058c3207-2116-479f-b32b-b78f532d7214" alt=""><figcaption></figcaption></figure>

#### Corner radius

Use the slider or input a pixel value to adjust the roundness of image corners (0 - 32px).

A higher value results in smoother, more rounded edges, great for a modern, friendly look.

<figure><img src="https://1172126658-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgoStNEbk9Q25TX38NhdE%2Fuploads%2Ff8cGgZEucvKhcc32Q6eu%2Fimage.png?alt=media&#x26;token=a9a1021c-0ac4-40f8-b180-834adf66b51e" alt=""><figcaption></figcaption></figure>

<div><figure><img src="https://1172126658-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgoStNEbk9Q25TX38NhdE%2Fuploads%2FNF7WiBrErKOQiRP2qOEd%2Fimage.png?alt=media&#x26;token=1b5f0ee5-fba2-4d73-98b4-889c875a4d38" alt=""><figcaption></figcaption></figure> <figure><img src="https://1172126658-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgoStNEbk9Q25TX38NhdE%2Fuploads%2F57B3eD40PlLUnc7VlmH3%2Fimage.png?alt=media&#x26;token=2447e782-2608-4d22-973b-2bbd96f3e98c" alt=""><figcaption></figcaption></figure></div>
