bottom-border issues

  • I’m trying to get a horizontal line between posts, but “border-bottom: 1px solid #C2C2C2;” is placing the border above the comments for the post. I’ve checked similar threads around here, and none of them have seemed to help (most notable adding an <hr /> tag to the post div and styling that in the CSS, which still put the line above the comments.

    Here’s my div structure, the CSS for border-bottom is in the .post class as written above.

    <div id="main">
    <?php if (have_posts())....blah...?>
    <div class="post" id="post-<?php the_ID(); ?>">
    <h3 class="storytitle">Title/Permalink</h3>
    <div class="storycontent">
    <?php the_content(__('(more...)')); ?>
    </div>

    <div class="meta">
    <p>Time/Author/Tags</p>
    </div>
    <div class="feedback">
    # of comments, etc.
    </div>
    </div>

    <?php comments_template(); // Get wp-comments.php template ?>

    endwhile/endif PHP code here
    </div>

    The site is at https://www.destinationbasketball.com/index.php using a theme mashed together from numerous others.

    Any thoughts? Thanks!

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

  • Try something like this (or similar):

    .meta {
    border-bottom: 1px solid #C2C2C2;
    clear: both;
    margin: 10px 0px;
    }

    If that stills displays above the post, then there’s something wrong in the XHTML/PHP.

    Thread Starter GOBLUE14

    (@goblue14)

    Thanks! Unfortunately, for some reason it still displays below the meta data and above the “# of Comments”. I got the <hr> trick to work well enough, though.

    I told you wrong. It should have been:

    .feedback {
    border-bottom: 1px solid #C2C2C2;
    clear: both;
    margin: 10px 0px;
    }

    The other way would have put the line above your # of comments line. Sorry!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘bottom-border issues’ is closed to new replies.