How can I change my blog post layout to a grid style?

Store Design
1

Home page- Blog post payout
Home page- Blog post payout2880×1543 549 KB

Blog page- blop post layout.
Blog page- blop post layout.2880×1449 320 KB

H

Hi need help to change the blog post layout on my blog page itself, please. I would like it to be the same as in-home page. I would like the style to be Grid if possible. Any help will be much appreciated.

Home page: www.live-better-store.com

Blog page: www.live-better-store.com/blogs/better-sleep-tips

2

Try to change blog layout setting from online store → customize select blog page

3

There is no option to change. Need help to add code…

4

Hi @Acash

You can try follow this path:
Themes => edit code => templates => blog.liquid
and remove code in that file and replace with this code:


{% paginate blog.articles by 5 %}

  

    

    {% for article in blog.articles %}

      {% assign article_content = article.excerpt_or_content %}

      

    {% endfor %}
    

    {% if paginate.pages > 1 %}
      {% include 'pagination' %}
    {% endif %}

  

{% endpaginate %}
5

Thanks a lot :slightly_smiling_face:

6

This code worked great for the Brooklyn themed site I am working on!

Is there a way to make the most recent blog entry show up as full width?
Thanks!