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

# Blog post

Display the latest posts from a selected Shopify blog to keep customers informed with news, updates, or articles.

## How to access

1. **Go to** Shopify Admin → Online Store → Themes.
2. **Click** Customize on your active theme.
3. Click **Add section** and choose **Blog posts**.

## Section Settings

<div><figure><img src="/files/hc5Nkbb35VivRNv11pX7" alt=""><figcaption></figcaption></figure> <figure><img src="/files/hw0AFm9sDTdy43yp8vXe" alt=""><figcaption></figcaption></figure> <figure><img src="/files/dy96OO6BnN1CWCDoeAcQ" alt=""><figcaption></figcaption></figure></div>

| Setting                   | Description                                                                                                                                 |
| ------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- |
| Layout                    |                                                                                                                                             |
| Expand to full width      | Extends the section to the full browser width.                                                                                              |
| Color scheme              | Sets the background and text colors.                                                                                                        |
| Background opacity        | Controls the background opacity.                                                                                                            |
| Content                   |                                                                                                                                             |
| Heading                   | Sets the section heading.                                                                                                                   |
| Heading size              | Controls the size of the heading. Choose from Small, Medium, or Large.                                                                      |
| Text                      | Adds supporting text to the section.                                                                                                        |
| Text position             | Shows the text above or below the heading.                                                                                                  |
| Desktop content alignment | Aligns the section content on desktop. Choose from Left, Center, or Right. On mobile, the content is automatically centered.                |
| Blog card                 |                                                                                                                                             |
| Blog                      | Selects the blog whose posts are displayed.                                                                                                 |
| Show featured image       | Displays the featured image for each blog post.                                                                                             |
| Show tags                 | Displays the tags assigned to each blog post.                                                                                               |
| Show date                 | Displays the publishing date for each blog post.                                                                                            |
| Show author               | Displays the author name for each blog post.                                                                                                |
| Show comment count        | Displays the number of comments for each blog post.                                                                                         |
| Show excerpts             | Displays an excerpt from each blog post.                                                                                                    |
| Show read more            | Displays a Read more link for each blog post.                                                                                               |
| Column alignment          | Aligns the blog card content. Choose from Left, Center, or Right.                                                                           |
| Aspect ratio              | Sets the image aspect ratio. Choose from Adapt to image, Square, Portrait, or Landscape.                                                    |
| Column settings           |                                                                                                                                             |
| Blog posts visible        | Sets the number of blog posts displayed.                                                                                                    |
| Desktop columns           | Sets the number of columns displayed on desktop. Choose from 2, 3, or 4. and mobile it will be automatically adjusted to 1.                 |
| Carousel settings         |                                                                                                                                             |
| Enable carousel           | Displays the blog posts in a carousel.                                                                                                      |
| Change slides every       | Automatically changes slides after the selected number of seconds. Set to 0 to disable autoplay.                                            |
| Gap                       | Controls the spacing between blog posts.                                                                                                    |
| Pagination                | Sets the carousel navigation. Choose from Dots, Arrows, or None.                                                                            |
| Pagination style          | Sets the pagination style. Choose from Classic or Modern.                                                                                   |
| Section padding           |                                                                                                                                             |
| Top side                  | Space above the section.                                                                                                                    |
| Bottom side               | Space below the section.                                                                                                                    |
| Section divider           |                                                                                                                                             |
| Shapes                    | Adds a decorative divider to the section. Choose from Curve top, Curve bottom, Curve both, None, Border top, Border bottom, or Both border. |