How can I add space between journal blog post?

Store Design
, , ,

Topic summary

A user seeks help adding spacing between blog posts in their Shopify journal layout.

Solution Provided:

  • Navigate to Online Store → Themes → Edit code
  • Locate the theme.css file
  • Add CSS code at the bottom:
.template-blog .grid--uniform .grid__item {
  padding: 10px !important;
}

This CSS targets the blog grid items and applies 10px padding to create visual separation between posts. The solution includes a screenshot showing the expected output with proper spacing applied.

Summarized with AI on November 9. AI used: claude-sonnet-4-5-20250929.
1

2222.jpg
2222.jpg1741×435 101 KB

2

Please provide store url?

3

https://fabricbysinghanias.com/

4

@vikasdev Please follow the below steps to add space between journal blog post. Let me know whether it is helpful for you.

  1. From admin, go to “Online Store” → “Themes”.
  2. Click action button from the current theme and select “Edit code”.
  3. Search for the “theme.css” file and add the below CSS code at the bottom of the “theme.css” file.
.template-blog .grid--uniform .grid__item {
  padding: 10px !important;
}

Then the final output will be like,

Vinsinfo_0-1717419847264.png
Vinsinfo_0-1717419847264.png1348×530 369 KB

Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.