Support » Themes and Templates » Divider line between blog posts

  • 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.

    Many thanks for your help!

Viewing 3 replies - 1 through 3 (of 3 total)
  • 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 */

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

    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.