Excerpt Behavior Inconsistency

Hey Carl,

Okay, so you should be able to do this with some simple CSS applied to your posts.

I took a look and see that you have another problem, which is that you’ve got a markup problem where your .ivycat-post divs aren’t closed, so each post is nested under the last.

Have you customized your output loop? If so, and you have trouble finding the error, feel free to post it here, just make sure to surround it with the code button.

Once you fix that error, you can use some CSS to give those boxes a border-bottom.

Hope that helps.

Eric

Alright chawke,

Took a quick look and see that you’re missing the closing </div> tag a the end of this line:

<div class="featured-image"><?php the_post_thumbnail( 'thumbnail' ); ?>

So, you can add that tag, or simply copy and paste the edited loop below:

<!-- Start of Post Wrap -->
<div class="post hentry ivycat-post">
	<!-- This is the output of the post title -->
	<h2 class="entry-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>

	<!-- This will output of the featured image thumbnail  -->
	<div class="featured-image"><?php the_post_thumbnail( 'thumbnail' ); ?></div>

	<!-- This is the output of the excerpt -->
	<div class="entry-summary" >
		<?php the_excerpt(); ?>
	</div>

</div>
<!-- // End of Post Wrap -->

Let me know when you get that posted and I’ll see if I can shoot over some helpful CSS.

Howdy chawke,

This should get you started. I’d paste the following in your main theme CSS file and see if it does what you like.

Note: there are a TON of ways to approach a layout like this and this is just one. 🙂

Hope it helps!
Eric

/* Formatting of Posts in Page content
====================================================== */

.ivycat-post {
	border-bottom: 1px solid #3d3d3d;
	padding:1em 0;
}
.ivycat-post .featured-image {
	width:152px;
	float:left;
	margin-top:-25px
}
.ivycat-post .entry-title,.ivycat-post .entry-summary{
	margin-left:170px;
}

/* Clearfix
======================================================
Note: the following clearfix should be combined with Nicolas Gallagher's micro clearfix in your
foundation.css, or you can edit your post_loop_template.php file to add the class "clearfix"  to
the wrapper div like so:
<div class="post hentry ivycat-post clearfix">
 */

.ivycat-post:before,
.ivycat-post:after {
	content:""; display:table;
}
.ivycat-post:after {
	clear: both;
}
.ivycat-post {
	zoom: 1;
}

By the way, are you in Seattle? Wondered because of your handle ‘chawke.’ 🙂