> For the complete documentation index, see [llms.txt](https://moodboard-creations.gitbook.io/agnes/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://moodboard-creations.gitbook.io/agnes/page-setup/blog-posts-page/related-blog-posts.md).

# Related blog posts

### What It Does

The **Related blog posts** section lets you show related blog posts.

{% hint style="success" %}

#### How to Add It

1. In the Shopify theme editor, click **Add section**.
2. Search for **"Related blog posts"**.
3. Click the section to add it to your page.
4. Adjust the settings described below.
   {% endhint %}

***

### Settings

#### Layout

Controls the Layout. Choose from: Full width, Fit to width.

#### **Heading** 

The title text displayed in this element.

#### **Body text** 

Rich text content with formatting options.

#### **Column type**

Controls the number of columns. Choose from: Column, Slideshow.

\
**Blog posts**

#### **Maximum number of blog posts**

Controls the Maximum number of blog posts.

#### **Maximum number of blog posts per view / row (desktop)**

Controls the Maximum number of blog posts per view / row (desktop).

#### **Maximum number of blog posts per view / row (mobile)**

Controls the Maximum number of blog posts per view / row (mobile). Choose from: 2, 1.

#### **Gap**

Controls the spacing between items.

\
**Slideshow**

#### **Enable autoplay** 

When enabled, displays this element. Disable to hide it.

#### **Enable loop**

When enabled, displays this element. Disable to hide it.

#### **Transition speed**

Only work when autoplay is enabled.

#### **Show navigation arrows (desktop)** 

When enabled, displays this element. Disable to hide it.

#### **Show pagination** 

When enabled, displays this element. Disable to hide it.

\
**Appearance**

#### **Heading font size** 

Controls the text size. Choose from: Heading 6, Heading 5, Heading 4, Heading 3, Heading 2, Heading 1.

#### **Body text font size**

Controls the text size.

#### **Horizontal alignment**

Controls the text alignment.

#### **Color scheme**

Applies a predefined color scheme to this element.

{% hint style="info" %}
Color schemes are sets of coordinated colors you define under **Theme settings > Colors**. Choosing a scheme applies its background, text, and accent colors.
{% endhint %}

#### **Button color scheme**

Controls the Button color scheme. Choose from: Primary, Secondary.

\
**Spacing**

#### **Maximum padding top** 

Adjusts the space above the content.

#### **Maximum padding bottom**

Adjusts the space below the content.

***