WordPress.org

Ready to get started?Download WordPress

Forums

Posts in Page
[resolved] Excerpt Behavior Inconsistency (10 posts)

  1. chawke
    Member
    Posted 1 year ago #

    http://carlhawke.com/portfolio/set-design-construction/

    I know there are no inherent parameters for the excerpts, but I'm wondering why, on some of my pages, the excerpt does not wrap to the next line and I have to scroll to the right to read it all. On other pages it wraps just fine.

    Do I need to edit my functions.php somehow to resolve this?

    I'm also wondering how I might put a divider line in between each post.

    Thank you in advance!

    http://wordpress.org/extend/plugins/posts-in-page/

  2. chawke
    Member
    Posted 1 year ago #

    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.]

  3. Eric Amundson
    Volunteer Moderator
    Plugin Author

    Posted 1 year ago #

    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

  4. chawke
    Member
    Posted 1 year ago #

    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
  5. Eric Amundson
    Volunteer Moderator
    Plugin Author

    Posted 1 year ago #

    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.

  6. chawke
    Member
    Posted 1 year ago #

    Got it, Eric. Thanks.

    Ready for some CSS!

  7. Eric Amundson
    Volunteer Moderator
    Plugin Author

    Posted 1 year ago #

    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.' :)

  8. chawke
    Member
    Posted 1 year ago #

    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?

  9. chawke
    Member
    Posted 1 year ago #

    Nevermind about the "Continue Reading".

    Thanks again!

  10. Eric Amundson
    Volunteer Moderator
    Plugin Author

    Posted 1 year ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic