# Blog cards

<figure><img src="https://1172126658-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgoStNEbk9Q25TX38NhdE%2Fuploads%2FHA7t6gGqawy5kg4TswCA%2FFox-BG%20Light%20-%202025-11-28T160127.732.jpg?alt=media&#x26;token=628d95e5-79d7-4cc9-a07b-104cf0123bf3" alt=""><figcaption></figcaption></figure>

The **Blog cards** settings allow you to control how your blog post previews appear across your store,  giving you flexibility over image proportions and design style.

## How to customize Blog cards <a href="#how-to-customize-blog-cards" id="how-to-customize-blog-cards"></a>

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

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

## Blog cards settings options <a href="#how-to-customize-blog-cards" id="how-to-customize-blog-cards"></a>

### Media

#### Aspect ratio

Choose how images are displayed within your blog 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%2FXG5z9fPyRF6ilipUP131%2Fimage.png?alt=media&#x26;token=e92a5121-0f67-4dc1-886d-1602d6d4cf69" 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>

{% hint style="info" %}
Learn [how to write a blog post here.](https://help.shopify.com/en/manual/online-store/blogs/writing-blogs)
{% endhint %}