Docs

[dbelkie]

Hi guys!
I was wondering if someone could point me int he right direction.

I am trying to add a thin line between each of my blog posts.

The page is:
http://dev01.everythingcloud.com/blog/

And this is the css code I was using before.

/* Add line between blog posts */
.article {
border-bottom: 1px solid #cccccc
}

Thanks in advance!
Dan

[Rupok]

Hi Dan,

I am getting this on your site so couldn’t check – http://prntscr.com/bswflv

However the above code should work; what’s wrong with that?

You could use a bit more sophisticated code for this purpose though :

.blog article.hentry {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}

Hope this helps.

[dbelkie]

Thanks for the response.

The updated code does not seem to work. I swear it used to! I have also made it so you have access to the site now:
http://dev01.everythingcloud.com/blog/

Any ideas?
Dan

[Jade]

Hi Dan,

Please try this:

.blog .hentry .entry-wrap {
    border-bottom: 1px solid #ccc;
}

Hope this helps.

[dbelkie]

That worked!
Thanks
Dan

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts