> For the complete documentation index, see [llms.txt](https://aries-theme.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://aries-theme.gitbook.io/docs/theme-settings/collection-cards.md).

# Collection cards

Collection cards control how your collection tiles look in lists and menus. Clean, consistent cards help customers recognize collections and navigate faster.

<figure><img src="https://2498163780-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2LxG3rPCoA6sZo7ovFkR%2Fuploads%2F8PuBisj9YxBwXGWPRdw0%2FCapture%20d'%C3%A9cran%202025-09-01%20211947.png?alt=media&amp;token=f02ba10a-840c-4ee3-ad58-cbbb56cbf082" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}

#### How to set it up

* Go to **Online Store** > **Themes** > **Customize**.
* Open **Theme settings** > **Collection cards**.
* Make your changes, preview live, then click **Save**.
  {% endhint %}

### Settings

* **Style**: Switch between Standard or Card layouts. Card adds a framed look; Standard is lighter.
* **Text alignment**: Align collection text Left or Center. Choose what reads best with your images.
* **Text position**: Place the title at the Bottom or as an Overlay. Overlay sits on the image; Bottom sits below.
* **Text size**: Sets the size of collection titles and info. Larger is easier to scan; smaller shows more items.
* [**Color scheme**](/docs/theme-settings/colors.md#schemes): Applies a preset color combination to cards. Keeps backgrounds and text consistent.

#### Border

* **Thickness**: Controls the border weight. Thicker increases emphasis; thinner feels minimal.
* **Corner radius**: Rounds the card corners. More rounding feels softer; zero is crisp.

***

### **Tips**

Use Color scheme and Border consistently so cards feel part of the same system.