Docs

[nathanr_]

Hi,

I have a small issue which I think is just a slight mistake with a code:

I wanted to add grey lines between the blog posts on the main blog page so I used the following code:

/* adds grey dividing line – BLOG
———————————*/

.hentry {
margin-top: 2em;
}

article {
border-bottom: 1px solid #ddd;
padding-bottom: 20px;
}

This works perfectly but it adds a grey line underneath every essential gird and a white line above the footer for some reason, how can I stop it placing a grey line underneath the essential grids and causing a white line above the footer.

I have attached images to show what is happening.

Thank you
Nathan

[nathanr_]

This reply has been marked as private.

[nathanr_]

This reply has been marked as private.

[nathanr_]

This reply has been marked as private.

[nathanr_]

This reply has been marked as private.

[Christian]

Please remove

article {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}

Thanks.

[nathanr_]

This reply has been marked as private.

[Paul R]

Hi Nathan,

Please change the code to this.

.blog article {
border-bottom: 1px solid #ddd;
padding-bottom: 20px;
}

Hope that helps

[nathanr_]

Hi,

Thank you, issue fixed.

Thank you
Nathan

[Thai]

You’re most welcome 🙂

[Author]

Posts