How do I increase the space between blog posts on main page?

I wish to increase the amount of space between the bottom of a “Read More” button (bottom of the post) and the feature image of the next post in the list. I am using the “Large Image And Grid” setting for my blog homepage.

Can anyone tell me where that code can be found, or an override css code to add to the “Additional CSS” box?

Hi there

Hope you are having a good day and thank you for your question
In order to check your question i need to see your live website, please provide url and i will take a look

I have searched through nearly the entire 247 pages of the support forum and haven’t found the answer to this yet. To clarify:

  • I want the main content area to remain the width that it is (no change).
  • I want MORE empty space (padding) to the right of the main content area before the sidebar begins (more space between content & sidebar, essentially).
  • If the column width of the sidebar needs to reduce, that is ok.

hey there

Hope you are having a good day and thank you for your question :slight_smile:
Please add this CSS in appearance - customize - additional CSS

.post-content.post-grid-small {
margin: 50px 0px;
}

Thanks!
Colorlib Support Team

Problem solved. Thank you!

Please disregard response #181673 - that was meant for another support request.

You are welcome Macgizmo

i will close this case now