# Blog cards

<figure><img src="/files/bZ0Q0pFayFB4sevFD73A" 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="/files/u4dcnr6xzKUFidCbOYxb" 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>

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


---

# 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/blog-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.