WordPress.org

Ready to get started?Download WordPress

Forums

Divider line between blog posts (4 posts)

  1. camilledemondesir
    Member
    Posted 3 years 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!

  2. hedronist
    Member
    Posted 3 years 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 */
    ...
    }
  3. camilledemondesir
    Member
    Posted 3 years 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?

  4. hedronist
    Member
    Posted 3 years 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.

Topic Closed

This topic has been closed to new replies.

About this Topic