# Blog posts

In this section, you can display a list of the last four blogs.

Desktop:

Mobile:

## **Adding a section**

In order to add a section, you need to go to:

**`Customizer`** → **`Add Section`** → **`Featured blog`**.

<figure><img src="/files/Z8pFH4zMumvjzHCBq6hg" alt=""><figcaption></figcaption></figure>

## **Section settings**

### General

<figure><img src="/files/cglyDfaoUHFEnPm7vpQr" alt=""><figcaption></figcaption></figure>

1. **`Blog`** - you can choose the blog you want;
2. **`Heading`** - a field where you can specify a title for the section;
3. **`Small articles heading`** - a field where you can set the heading for a small section with blogs;

<figure><img src="/files/vyHUOvhTQLzzq5Awy5Dg" alt=""><figcaption></figcaption></figure>

### Colors

<figure><img src="/files/tsOAZvLL9vxg0igM0NH3" alt=""><figcaption></figcaption></figure>

1. **`Big post color`** - text color in the big post block;

<figure><img src="/files/BrIhbd3rhtFwPVYr4lgV" alt=""><figcaption></figcaption></figure>

1. **`Blog post color secondary` -** text color for the text with basic data about the article;

<figure><img src="/files/JS3SRCOd6Wg53STFAQiq" alt=""><figcaption></figcaption></figure>

1. **`Big post background`** - background color for big post;
2. **`Big post tag color`** - color for the tag text;
3. **`Big post background`** - background color for the tag;
4. **`Enable content glass effect`** - enable the glass effect for a big post background;

### Layout

<figure><img src="/files/DZ48Ha9rYyfFpP2V5cVx" alt=""><figcaption></figcaption></figure>

1. **`Container width`** - a container width of the section. If “Inherit” value is selected then container width based on the group 'Layout' settings in the Theme settings;
2. **`Desktop offset top`** - the **top** indent of the section on the **desktop**;
3. **`Desktop offset bottom`** - the **bottom** indent of the section on the **desktop**;
4. **`Mobile offset top`** - the **top** indent of the section on the **mobile**;
5. **`Mobile offset bottom`** - the **bottom** indent of the section on the **mobile**.


---

# 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://utd-bv.gitbook.io/manual-shopify-theme-ultra/ultra-sections/sections-and-snippets/blog-posts.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.