WordPress.org

Ready to get started?Download WordPress

Forums

Entry separator (6 posts)

  1. PinkAura
    Member
    Posted 8 years ago #

    I would like to substitute an image for the line you can see below each of my entries. Where would I look for the code to change this, please? Thank you.

  2. BPartch
    Member
    Posted 8 years ago #

    Hello

    The way I do it is to use this in the .css file:

    div.hr {display: none}
    /*/*/a{}
    div.hr {
    display: block;
    height: 10px;
    background-image: url(images/hr.gif);
    background-repeat: no-repeat;
    background-position: left center;
    margin: 1em 0 1.5em 0;
    }
    hr {display:none}/* */

    Than I make an image of a seperator or line, and use this in the html

    <div class="hr"></div>

    As far as which theme files you place that in, they are going to be index.php, archive.php and so on... wherever posts are listed one after the other via the loop.

  3. PinkAura
    Member
    Posted 8 years ago #

    Thank you for that, I will try it asap!

  4. PinkAura
    Member
    Posted 8 years ago #

    I have the separator in there, but the hr is still there as well, even with taking it out in the .CSS. Where is it called in from? I can't find it on any of the theme files. It must be in Word Press somewhere?

  5. moshu
    Member
    Posted 8 years ago #

    Actually that line is NOT a hr, it comes from here:
    #body .post {
    border-bottom: 1px solid #Ff8a9c;

  6. PinkAura
    Member
    Posted 8 years ago #

    Thank you for that...I will fix it tomorrow. :)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags