# Collection cards

<figure><img src="/files/Ky21VCxeS3NMhCdkVb9k" 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="/files/0W5Y6IrXhe2OegSscqOs" 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="/files/dCWouY9ks7bB5f4JIFxx" alt=""><figcaption></figcaption></figure>

<div><figure><img src="/files/UtmN8293gIELnryTywsS" alt=""><figcaption></figcaption></figure> <figure><img src="/files/kfnBcYJHusWhMAK562Ca" alt=""><figcaption></figcaption></figure></div>


---

# 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://docs.foxecom.com/pebble-theme/theme-settings/collection-cards.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.