Add margin round blog post items

Support
#1

On my blog page it lists my posts with the featured image, title and excerpt. I was wondering if it is possible to add some margin between the edge of the text and the outside of the post box. I think it would make it look a lot better but I have no idea how to do that. Thanks in advance

#2

Hello @hypnorich,

Thanks for asking. :slight_smile:

Please add following CSS under X > Theme Options > CSS to add spacing around blog post items:

.blog .x-main .hentry.has-post-thumbnail>.entry-wrap {
    padding: 20px 10px;
}

I have found the proper CSS code selector using the Chrome browser Developer Toolbar:

For the CSS code itself, I suggest that you get started with this tutorial:

Thanks.

#3

Thanks so much! I really appreciate the extra information as well. You really do go above and beyond. It is stuff like this that is why I only recommend X when people are looking for theme recommendations

#4

We’re always glad to help and thanks for your kind words. :slight_smile:

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.