> For the complete documentation index, see [llms.txt](https://mpithemes.gitbook.io/unicorn-shopify-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://mpithemes.gitbook.io/unicorn-shopify-theme/page-categories/blogs.md).

# Blogs

{% hint style="success" %}
**Tip:** To edit the page, choose the **Blogs** template in the top drop-down.\
Then, press the **"Blog page"** section.
{% endhint %}

#### Article card

**Posts per row**\
Set the number of articles displayed per row: 2, 4, or 6.\ <mark style="color:orange;">**Note!**</mark> Works only for large screens. By default, the theme displays one article per row on mobile.

**Show image**\
Enables the display of the blog posts' images.\ <mark style="color:orange;">**Note!**</mark> Check whether the image is added as a "Featured image" in *Shopify admin -> Content -> Blog posts*. Learn how to add and edit Blogs and Blog posts [<mark style="color:blue;">here</mark>](https://help.shopify.com/en/manual/online-store/blogs).

**Image height**\
Change the image size to "Small", "Medium", or "Large". To keep the original size, select "Adapt to image".

**Show date /** **Show author**\
Control the display of the date and author by enabling or disabling the options.

#### Layout options

**Center title**\
Use the option to center the page title.

**Dividing line**\
Add a divider by setting its position: "Top", "Bottom", or "Both". Select "None" to hide the divider.

**Top spacing /** **Bottom spacing**\
Decide whether to add spaces at the top and bottom of the section. Control spacing settings from 0 to 100 pixels on each scale.

***

{% tabs %}
{% tab title="Desktop" %}

<figure><img src="/files/1fzPh9jFShM12fawn6Sn" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Mobile" %}

<figure><img src="/files/koCeloNL3b96EPN7hzEe" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}