# Blog posts

![image](https://docs-assets.foxecom.app/sleek-theme/Frame%2044116_OmCnc1Xm.png)

A blog acts as your brand’s direct voice to the outside world. It helps build, reaffirm, and strengthen your brand name online while attracting more traffic to your website. 

This article will show you how to add and customize your blog posts section in Sleek.

## How to add a Blog post

<Hint type="success">

Steps

1. In the theme editor **(Customize)**, click the **Add section**
2. Locate **Blog posts**
3. **Save**

</Hint>

To know more about how to add a blog to your online store, see [Blogs](https://help.shopify.com/en/manual/online-store/blogs).

This article shows you how to display your blog posts on your website using **Sleek** theme.

## How to edit a Blog post

### **Section header**

Use the provided text fields to add a suitable **Heading**.

* Leave it blank if you do not want to display it

You can also change the **Heading size** to:

* Heading xs
* Heading sm
* Heading md
* Heading lg
* Heading xl
* Heading 2xl
* Display md
* Display lg
* Display xl

![image](https://docs-assets.foxecom.app/sleek-theme/image_2xpxzrdP.png)

### Highlight text

[How to apply Highlight text to the section heading and block headings?](https://docs.foxecom.com/sleek-theme/pages-global-sections/general-settings#highlight-text)

Use the provided text fields to add a suitable **Subheading** and **Text**.

* Leave them blank if you do not want to display them

![image](https://docs-assets.foxecom.app/sleek-theme/image_Eo9pXMoK.png)

### **Blog settings**

This section is for adding preferable blog posts. You can use the slider to adjust the **Number of blog posts to show** (between 2 and 8).

![image](https://docs-assets.foxecom.app/sleek-theme/image_FBQK16HI.png)

### **Grid settings**

Use the slider to adjust the **Number of columns on desktop** (between 1 and 4).

![image](https://docs-assets.foxecom.app/sleek-theme/image_0EA3aehX.png)

You can also modify the **Column gap** as Extra large/ Large/ Medium/ Small/ Extra small/ None.

![image](https://docs-assets.foxecom.app/sleek-theme/image_TbYeJtiV.png)

### **Carousel settings**

Toggle the option **Enable carousel on desktop** to display blog posts in the carousel layout.&#x20;

To use a carousel, the number of blog posts to show must be larger than the number of columns.

You can also control the position of the arrow navigation.

![image](https://docs-assets.foxecom.app/sleek-theme/image_itZUXWNE.png)

### **Mobile layout**

You can adjust the **Number of columns on mobile** to **1 column** or **2 columns.**

If you are not into the grid layout, you can use the carousel layout by selecting the **Enable swipe on mobile**.

![image](https://docs-assets.foxecom.app/sleek-theme/image_WNy1kbE1.png)

### **Card settings**

Change the **Heading size** of the card to **Heading 3**/ **Heading 4**. Furthermore, you can also enable/disable the card elements if needed:

* **Show date**: Display the date that the blog is issued
* **Show excerpt**: Display a short summary of the post
* **Show button**: Lead the customers to the full blog post

![image](https://docs-assets.foxecom.app/sleek-theme/image_BnfewBMi.png)