work the_field not using css on all posts

Question

Hi guys, I am following the videos on wordpress and I have come into a issue.

I have a basic website, I have created a few 'work' fields using the plugins.

I have used this code to display them onto the screen but the css does not generate for all of them only one of them.

So the first post works fine but the other posts have no css on them other then color change.

<ul id="gallery"> <?php

        $args = array (
          'post_type' => 'work'
        );

        $the_query = new WP_Query($args);
      ?>
      <li>
        <?php if( have_posts() ) : while ( $the_query->have_posts() ) : $the_query->the_post() ; ?>
        <a href="<?php the_permalink(); ?>"><?php the_title(); ?>
          <p><?php the_field('description'); ?></p>
        </a>
      </li>

<?php endwhile; else:?> <p>There are no posts</p> <?php endif ?> </ul>

Like I said it works, just that the css does not load for the other posts that it generates. The color of the text does

Answer 1 · 2014-08-14T16:40:02Z

August 14, 2014 4:40pm

If your css is based on the li, then that may your issue. I would suggest moving the loop outside the list item, so that it is generating a list item on each post, rather than just anchors within a single list item. Also I don't see the opening or closing 'ul' tags.

<?php if ( $the_query->have_posts() ) : ?>

<ul>

<?php while( $the_query->have_posts() ) : $the_query->the_post() ; ?>

<li>
 <a href="<?php the_permalink(); ?>">
     <p><?php the_title(); ?></p>
     <p><?php the_field('description'); ?></p>
</a>
</li>

<?php  endwhile; ?>

</ul>

<?php endif; ?>

Welcome to the Treehouse Community

Looking to learn something new?

Adam Smallman

Adam Smallman

work the_field not using css on all posts

1 Answer

Christopher Rebacz

Christopher Rebacz

Adam Smallman

Adam Smallman