Kind regards,
Natalie

https://www.ads-software.com/plugins/recent-posts-widget-with-thumbnails/

Thank you for any help!

Horizontal line should be below each more button.

Where I can add hr to do that? Which file is responsible for displaying posts in widget?

https://www.ads-software.com/plugins/content-views-query-and-display-post-page/

Thanks in advance for any suggestions!

– Paul

https://www.ads-software.com/plugins/display-posts-shortcode/

I was able to do it in my sidebar using divs, but with the way WP coding is broken down in the dashboard, I cannot figure out where to do it. I’ve tried entering codes into single.php with margins, also the index.php, I’m not sure how to make this work. Any help would be great, thanks!

What am I doing wrong to separate each post with a bottom border?

my site: www.mark-pimentel.com

Currently, I’m using this code for my CSS

#post .post-fix {
  border-bottom: 1px dotted #999999;
  padding: 20px 20px;
}

and here is the code for my index.php file:

<div id="post-wrapper">

<div id="post">

    <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>  

<div class="post-fix">

    <BR /><h1><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h1><BR />
    <h4><?php the_time('F j, Y'); ?> at <?php the_time('g:i a'); ?> | <?php the_category(', '); ?></h4> <BR />

<div id="thumbnail"><div class="align-right"><?php $postimageurl = get_post_meta($post->ID, 'Thumbnail', true); if ($postimageurl) { ?>
<div class="postimage"><img src="<?php echo $postimageurl; ?>" alt="" width="150" height="150" /></div></div>
<?php } ?>

 </div>

    <h3><?php the_content('Read on...'); ?></h3>

</div>

    <?php endwhile; else: ?>  

 </div>
</div>

I have my posts designed the way I like them, date, time, etc. I would like each post to appear in a separate box. Not sure how you do this with the loop, can someone point me in the right direction?

Thanks

THE ISSUE: When I add the following code, my first blog post excerpt gets shoved down beneath the footer. Posts 2-5 display perfectly, with the divider line. I think it has something to do with the “clear” element, because when I play with using “clear: right”, for example, the top post stays in place, but the lines get all jumbled together at the top of the page.

Here’s my html – <div class=”divider”> is my gray dotted line div.

<div class="divider"></div>

<div class="post_content">

	<b><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></b>

	<div class="stamp"><?php the_time('F jS, Y') ?><!-- by <?php the_author() ?> --> | <?php comments_popup_link(
	'No Comments »', '1 Comment »', '% Comments »'); ?></div> 

	<div class="excerpt"><?php if ($post->post_excerpt != "" ) {the_excerpt();}else {the_content_rss('', FALSE, '', 60);}
	?><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"> READ MORE</a>
	</div><!--end excerpt-->   

</div><!--end post-content-->

Here’s my CSS:

.divider {
border-bottom:1px dotted;
color:#C0C0C0;
margin-bottom:10px;
margin-left:14px;
margin-right:14px;
padding:0px 0px 10px 0px;
clear:both;
}

Any thoughts???

What about a feed that is only on that separate page?