How do I create a line between posts (to separate them)

[laura]

Hi

I have the Magazine child theme and I am trying to draw a line between two posts (to separate them).

Could anyone point me in the right direction?

Cheers

Laura

[Brad Dalton]

Can you link to your site please Laura.

---

Tutorials for StudioPress Themes.

[laura]

My site is Mom Goes Online

PS - I don't have two posts yet, but the Lifestyle theme blog page template has something similar to what I am looking to do

[bill scheider]

Hi Laura,

In your style.css, on line 792 of your style sheet, you'll see:

.post {
margin: 0 0 40px;
padding: 10px; <----- Add this (play with padding to get what you want)
border-bottom: 2px solid #f5f5f5; <---- Add this (play to get border width and color you want)
}

HTH
Bill

[TWF]

or in functions.php

function add_line_after_post(){
echo "<hr />";
}
add_action( 'genesis_after_post_content', 'add_line_after_post' );

and style your css <hr>

hr {border:0;  box-shadow: 0 2px 3px #333333; }

---

French Designer WordPress themes and plugins.
Concepteur de Thèmes et d’extension WordPress.

[laura]

@bill and @TWF

I added a line using hte css code bill provided, and it worked! Thank you!

The line is too long though, and I would like to shorten it to the same length as the box around the title (you can see it on my site: Mom Goes Online (since I seem to have been adding links incorrectly, the site is http://www.momgoesonline.com).

 

@TWF: Vous êtes français?

[wmwebdes]

Laura
The line looks fine as it is - add another post to see what it looks like between posts.

[TWF]

Oui je suis français.

---

French Designer WordPress themes and plugins.
Concepteur de Thèmes et d’extension WordPress.

[Author]

Posts