Add space between header and blog posts

[annandann]

Hello 

 I would like to add space between Blog header and blog posts, but I am having trouble putting a spacer in between, is there other methods?

Thanks!

[Adam7]

Can you post a link to your site, @annandann? It would help our Community members to see the live code.

[annandann]

Hello Adam

Sorry, forgot to put my link up. www.yiannchen.com

Thank you!

[BJ5]

Add this to the Header Code field for your blog page on the Pages tab and it will add 25 pixels of space under each blog post on the live site:

<style>
    .blog-post
    {
        margin-bottom: 25px !important;
    }
</style>

[annandann]

Hello @BJ 

Thank you so much for your help! I tried the code but it only changes the height between blog posts not the height between blog header page and the first blog post.

Is there any chance that you also know how to manage that? 

Thank you!

[BJ5]

Ok - try this:

<style>
    .main-wrap
    {
        margin-top: 50px;
    }
</style>

It will add 50 pixels of margin above the top blog post.

[annandann]

Hello @BJ 

It worked!!! Thank you so much! You made my day!

[lizzysau33]

Hi BJ,

I'm also having this problem. My website is elizabethsaucier.weebly.com. I want to add space between blog posts on my blog page here: https://elizabethsaucier.weebly.com/blog. I tried entering the codes both on the Pages section and Blog settings for both footer and header, but nothing has worked. Please advise.

Elizabeth

[BJ5]

Try using this @lizzsau33:

<style>

.blog-post { padding-bottom: 50px !important; }

</style>