Excerpt Behavior Inconsistency

I just figured it out the excerpt issue.

In the Page editor, text viewer, I found that the pages that weren’t behaving property had <pre> before and after the shortcode, while the others didn’t. Once I removed them, they were fixed.

If anyone know how I can add the divider lines, I’d appreciate some help there.

[Please post markup between backticks or use the code button. Your post may now have been permanently damaged by the forum’s parser.]

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

Yes, I put the output loop file in my theme directory and have edited it, but I’m new to this type of coding so I’m not sure what I need to close out the ivycat-post divs.

<!-- Note: if you make changes to this file, move it to your current theme's
	directory so this file won't be overwritten when the plugin is upgraded. -->

<!-- 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' ); ?>

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

	</div>

</div>
<!-- // End of Pos

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.

Got it, Eric. Thanks.

Ready for some 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.’ ??

Awesome! Looks great. Thank you very much, Eric.

The only odd thing I see is that some of the posts are missing the “Continue Reading” link. Any idea why?

No, I’m not in Seattle. I’m in Phoenix.

“chawke” is my first initial and last name.

What does it mean in Seattle?

Nevermind about the “Continue Reading”.

Thanks again!

Hey chawke,

Glad you got it sorted.

“chawke” is my first initial and last name.

What does it mean in Seattle?

I’m no sports aficionado, but I’m pretty sure our football team is the Seattle Seahawks. ??

Cheers,
Eric