hi!
I would like to show 3 columns of articles on my blog page, instead of 2. Is there any code I can add to achieve this?
password: skoffi
Thanks so much!
Topic summary
A user requested help displaying three columns of articles on their blog page instead of the default two columns.
A solution was provided involving custom CSS code to be added to the theme.liquid file:
- The code targets screens wider than 992px
- Uses flexbox layout with 33.33% width per article
- Includes padding and gap adjustments
The implementation was successful, with the original poster confirming the solution worked perfectly. The issue has been resolved.
1 Like
Hello,
Please add the below code above in theme.liquid
online store >> edit code >> theme.liquid
@media screen and (min-width: 992px) { .blog-articles { display: flex!important; flex-wrap: wrap; gap: unset!important; } .blog-articles .blog-articles__article.article { width: 33.33%!important; padding: 5px; } }after added the given code store looks like this.
If our solution is helpful for you then Please like the post and tap on accepted.
If you want to discuss any further information about it then please contact us on our whatsapp for fast communication or you can also contact by Email.
We will always here for your help and give you perfect solutions.
Thankyou 
2 Likes
That worked perfectly, thanks so much!
1 Like
Our pleasure