Divider Between Post

[tspaulding]

Hello,

How can I add a divider between post?

Site: http://www.spauldinglane.com

thanks!
Tia

http://spauldinglane.com/

[bandj]

that's one long post. If you want a divider somewhere you can add a <hr> tag in the html editor wherever you want a line.

[Marcy]

You can add a border-bottom at the bottom of each post. To add it only on the blog page, add this to your style.css at the bottom just above the @media section.

.archive .entry,
.home .entry,
.page-template-page_blog-php .entry {
border-bottom: 2px solid #eee;
margin-bottom: 40px;
}

This will add a very light gray line below each post. If you want a black line use #000 instead of #eee.
The margin-bottom may need to be larger, as well. Just play around with it to see what you like.

---

Marcy | Amethyst Website Design | Twitter

[tspaulding]

Bandj yes that would be a long post. However, Marcy is correct in that I would like a border at the bottom of each post. This will be a line that separates my post.

Marcy, I tried your suggestion and no luck. I guess I will keep playing with it.

[Marcy]

Hmmm. I must have been on another page before. These posts are part of a Featured Posts widget.

So instead, add this to your style.css just before the @media section

.home-top .featured-content .entry {
    border-bottom: 2px solid #eee;
    margin-bottom: 30px;
}

The style.css already had 30px for margin-bottom, so I left it 30, rather than changing.

---

Marcy | Amethyst Website Design | Twitter

[tspaulding]

Thanks Marcy, I placed that code right about the @media section and that still did not work. : (

[tspaulding]

Marcy, I think I figured it out. Thanks for your help!

Tia

[Marcy]

That's great!

---

Marcy | Amethyst Website Design | Twitter

[Author]

Posts