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

# Blog Post

{% hint style="success" %}
In the theme editor **(Customize) => Section**, Add **Blog post**
{% endhint %}

The blog post has 5 styles

{% tabs %}
{% tab title="Item Basic" %}

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

{% tab title="Item Overlay" %}

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

{% tab title="Item Box" %}

<figure><img src="/files/63Lxtu97Zk1OKXHWmGjh" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Item Classic" %}

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

{% tab title="Item Classic Box" %}

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

### General Settings

![](/files/VBeH3fqopobuYT9AX9T7)![](/files/WHM7OD1de0x1rqFGqkVj)

* Select Animation
* Width of container
* Background
* Text content, Sub Title, Heading, Description
* Align Heading
* Select Blog post
* Select Style => 5 styles
* Enable Button
* Enable Button Line
* Enable Date
* Enable Tag
* Enable comment
* Enable Excerpt
* Image ratio
* Carousel
  * Enable Arrows
  * Enable Draggable
  * Enable Dots
  * Enable Infinite
  * Rows
  * Limit items
  * Display items
* Section Padding (Desktop on Mobile)