WordPress.org

1. GOBLUE14
   Member
   Posted 6 years ago #
   

   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 http://www.destinationbasketball.com/index.php using a theme mashed together from numerous others.

   Any thoughts? Thanks!

2. ryanarrowsmith
   Member
   Posted 5 years ago #
   

   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.

3. GOBLUE14
   Member
   Posted 5 years ago #
   

   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.

4. ryanarrowsmith
   Member
   Posted 5 years ago #
   

   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!

Topic Closed

This topic has been closed to new replies.