Posts Not Left-Aligned – Can You Help?

(@callmehart)

Hello! Thanks in advance for your help.
Plugin is working great, but the blog posts are appearing jaggedly instead of lined up. Please see screenshot: https://dl.dropboxusercontent.com/u/88262476/Screenshot%202016-03-31%2011.54.22.png

currently:

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

  	<!-- This is the output of the EXCERPT -->
	<div class="entry-summary">
	<!-- This will output of the featured image thumbnail  -->
		<div class="featured-image">
			<a href="<?php the_permalink(); ?>">
			<?php the_post_thumbnail( array(180,9999), array('class' => 'alignleft')); ?>
			</a>
		</div>
	<?php the_excerpt(); ?>
		<a href="<?php the_permalink(); ?>">Read More</a>
	</div>

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

Any insight?

https://ww.wp.xz.cn/plugins/posts-in-page/

Viewing 1 replies (of 1 total)

Plugin Author Eric Amundson
(@sewmyheadon)

10 years, 2 months ago

Hi callmehart,

Yes, this usually happens because there’s a discrepancy between the Classes and IDs used in the CSS of your theme, compared to the posts being pulled in using Posts in Page.

To fix this, I’d recommend inspecting a normal category page to see what classes and IDs are applied to your markup. Then, I’d edit your posts_loop_template.php file to add the missing markup.

For example, it could be that your theme is wrapping each article in an <article> tag, rather than a div. Or, maybe they’re adding a different class to your post wrapper for styling.

Using Google Chrome Dev Tools, Firefox Dev Tools, Firebug, or the like, should help you find the right markup.

Note: if you do customize the posts_loop_template.php file, copy it to your theme directory first, so you don’t lose it upon plugin updates.

Does that help?

Viewing 1 replies (of 1 total)

The topic ‘Posts Not Left-Aligned – Can You Help?’ is closed to new replies.