Divider line between blog posts

  • camilledemondesir

    (@camilledemondesir)


    12 years, 9 months ago

    Hi, how can I insert a divider line between posts? I’d like to upload an image of a customized line, but not sure where to specifically insert the image url into the loop.php.

    I’m using a child theme of the Twenty Ten theme.

    http://thewildfleur.com

    Many thanks for your help!

Viewing 3 replies - 1 through 3 (of 3 total)
  • hedronist

    (@hedronist)

    12 years, 9 months ago

    Try adding the following to your CSS for class .hentry

    .hentry {
...
    border-bottom: 1px solid #000000; /* adjust color to taste */
    padding-bottom: 10px; /* to move it away from X Lovely Little Notes */
...
}
    Thread Starter camilledemondesir

    (@camilledemondesir)

    12 years, 9 months ago

    I actually want to insert the image url of a customized border rather than just have a solid 1px border line. Is this possible?

    hedronist

    (@hedronist)

    12 years, 9 months ago

    Not as simply as using the border attribute. One way is to insert an <div class="fancy-border">&nbsp;</div> between each post and then style that with a background with a url() value of the image and using appropriate repeat for x/y. You can do something similar with the <hr> tag. There are other ways, but you need to check them in each browser you plan to support.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Divider line between blog posts’ is closed to new replies.