Add CSS code to every 3rd iteration of loop - WordPress

Question

I'd like to add a style="background:green" for every 3rd iteration of this WP loop.

How do I achieve this?

   if( have_posts() ) :
    while ($wp_query->have_posts()) : $wp_query->the_post();
    ?>
    <li>Test</li>
    <?php endwhile; ?>
    <?php endif;

Many thanks for any pointers.

Alex Hadley · Accepted Answer · 2011-09-20 08:44:15Z

5

Have you tried using the % operator. Something like the following (untested):

if( have_posts() ) :
$i=0;
while ($wp_query->have_posts()) : $wp_query->the_post();
$i++;
?>
<li <?php if(($i % 3)==0)echo 'style="background:green"';?>>Test</li>
<?php endwhile; ?>
<?php endif;

PHP reference: http://php.net/manual/en/language.operators.arithmetic.php

answered Sep 20, 2011 at 8:44

Alex Hadley

2,1252 gold badges28 silver badges50 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

danjah · Accepted Answer · 2011-09-20 08:45:10Z

0

Maybe an incrementing variable and usage of the modulus operator, just an idea. http://php.net/manual/en/language.operators.arithmetic.php, something similar for WP: http://www.ilovecolors.com.ar/ads-wordpress-loop/

answered Sep 20, 2011 at 8:45

danjah

3,0692 gold badges34 silver badges49 bronze badges

Collectives™ on Stack Overflow

Add CSS code to every 3rd iteration of loop - WordPress

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related