Styling Each Alternate Post differently

Hello

Borrowing from comments.php in the default theme you can add this to the index or home.php( whichever you are using)

Before the Loop:

<?php /* variable for alternating post styles */
$oddpost = 'alt_post';
?>

For the division surrounding the post in the Loop:

<div class="<?php echo $oddpost; ?>">
blah, blah, blah...
</div>

After the above division:

<?php /* Changes every other post to a different class */
$oddpost = 'alt_post';
if ('alt_post' == $oddpost) $oddpost = '';
else $oddpost = 'alt_post';
?>

The .css file:
.alt_post {background:red)

Hope it helps. ??

Hi,
Thanks for your reply.

Unfortunately, it doesn’t work. after putting in the code, only the first post is “alt_post”, the rest are all no class

Please advise. Thanks

Hello

It’s working for me. Here is the whole file I am using:

<?php get_header(); ?>

<?php /* variable for alternating post styles */
		$oddpost = 'alt_post';
?>

<?php if (have_posts()) : ?>

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

 <div class="<?php echo $oddpost; ?>">
  <h2 title="<?php the_title(); ?>" id="post-<?php the_ID(); ?>"><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>
  <?php the_excerpt(); ?>
 </div>

<?php /* Changes every other post to a different class */
if ('alt_post' == $oddpost) $oddpost = '';
else $oddpost = 'alt_post';
?>

<?php endwhile;?>

<?php else : ?>
 <?php include (TEMPLATEPATH . '/404.php'); ?>
<?php endif; ?>

<?php edit_post_link('Edit this post.', '<p>', '</p>'); ?> 

<?php get_sidebar(); ?>
<?php get_footer(); ?>

Hope it helps. ??

If you still need help:

Posts with alternating colors

Hi, Thanks for the tips. With your latest code, it works.

There were some differences with the first one and the second one. First one not working and the second one works.

Thanks a lot for the help. Really appreciated it.

In his first example, the “after the division” code had a bad line:

<?php /* Changes every other post to a different class */
// $oddpost = 'alt_post'; DELETE THIS LINE
if ('alt_post' == $oddpost) $oddpost = '';
else $oddpost = 'alt_post';
?>