# 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="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FBzavvFifLxxDISGag7NO%2F%25D0%25A1%25D0%25BD%25D0%25B8%25D0%25BC%25D0%25BE%25D0%25BA_%25D1%258D%25D0%25BA%25D1%2580%25D0%25B0%25D0%25BD%25D0%25B0_2024-02-08_%25D0%25B2_17.45.56.png?alt=media&#x26;token=e48a87b3-4bea-4de9-b8bc-241946d62819" alt=""><figcaption></figcaption></figure>

## **Section settings**

### General

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FzmBfA4VJrF3qUYpXFoL6%2F%25D0%25A1%25D0%25BD%25D0%25B8%25D0%25BC%25D0%25BE%25D0%25BA_%25D1%258D%25D0%25BA%25D1%2580%25D0%25B0%25D0%25BD%25D0%25B0_2024-02-15_%25D0%25B2_14.55.06.png?alt=media&#x26;token=dc71801e-f859-4a1a-b476-10d92e138ac8" 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="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FEUEZF8bXACYTaZG9CWx0%2F%25D0%25A1%25D0%25BD%25D0%25B8%25D0%25BC%25D0%25BE%25D0%25BA_%25D1%258D%25D0%25BA%25D1%2580%25D0%25B0%25D0%25BD%25D0%25B0_2024-02-15_%25D0%25B2_14.57.45.png?alt=media&#x26;token=31b7730b-5042-4fa4-a5e0-b952396807ff" alt=""><figcaption></figcaption></figure>

### Colors

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FCtkEUsKqJUCDB9Qy22mM%2F%25D0%25A1%25D0%25BD%25D0%25B8%25D0%25BC%25D0%25BE%25D0%25BA_%25D1%258D%25D0%25BA%25D1%2580%25D0%25B0%25D0%25BD%25D0%25B0_2024-02-15_%25D0%25B2_14.58.54.png?alt=media&#x26;token=63527268-21f6-4ffc-a937-0d246a8cd213" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2Fdu7hdMUIiDnP1rmimXdc%2F%25D0%25A1%25D0%25BD%25D0%25B8%25D0%25BC%25D0%25BE%25D0%25BA_%25D1%258D%25D0%25BA%25D1%2580%25D0%25B0%25D0%25BD%25D0%25B0_2024-02-15_%25D0%25B2_14.59.51.png?alt=media&#x26;token=6259b8bf-3c4b-4374-b24c-8af4be5462f6" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2Fl2hiwLSQhTtBJfNKTxXu%2F%25D0%25A1%25D0%25BD%25D0%25B8%25D0%25BC%25D0%25BE%25D0%25BA_%25D1%258D%25D0%25BA%25D1%2580%25D0%25B0%25D0%25BD%25D0%25B0_2024-02-15_%25D0%25B2_15.00.41.png?alt=media&#x26;token=2176d959-d78a-4ae6-be6b-ea8f79027a80" 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="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FVU6xuSDSqU0wJo71ZsVn%2FUntitled%20(7).png?alt=media&#x26;token=3bd982d6-28b6-45a1-b882-49ae716840c8" 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**.