> 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

Use the template settings to customize the Blog pages.

{% 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="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FCQ4D460Dj5PATSOxBax7%2Fblogs_desktop.png?alt=media&amp;token=c02ae716-125b-4c05-8ac5-5c1997eb954f" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Mobile" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FLmYUMx2TTcR2apilwmCp%2Fblogs_mobile.png?alt=media&amp;token=6715c1bf-8d17-48da-a544-19acf99b6bc3" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}