Work Image Trouble and Footer

Question

So far everything has been working out but I cannot get my images to show up. I had originally tried putting the image object in my image field and then I changed it to image url, but no images are showing up still. I have the blocks with the background colors and buttons and all the text - just no image.

Also, the twitter widget in my footer is displaced above the other two and to the right. Here is my code to the work page if that helps:

<?php 

/* 

    Template Name: Work Page

*/

get_header(); ?>

<div class="grid_12 omega clearfix">


<?php 

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

    $the_query = new WP_Query( $args );

?>

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

    <div class="grid_6 spotlight project" style="background-color: <?php the_field( 'background_color' ) ; ?>">

        <a href="<?php the_permalink(); ?>">
            <img src="<?php the_field( 'homepage_slider_image' ); ?>">
        </a>

        <h4>
            <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
        </h4>

        <?php the_field( 'description' ); ?>

        <p>
            <a class="btn blue" href="<?php the_permalink(); ?>" style="background-color: <?php the_field( 'button_color' ) ; ?>">
                View Project &rarr;
            </a>
        </p>

    </div>

<?php endwhile; else: ?>

    <p> There are no posts or pages here. </p>

<?php endif; ?>

<?php get_footer(); ?>

Answer 1 · 2014-07-01T13:48:39Z

July 1, 2014 1:48pm

Hi!

Let's double check that "homepage_slider_image" is the actual name for the field in the admin area and that there is an actual file uploaded for it on the backend. Once that is done, is the field outputting anything in the source code?

Welcome to the Treehouse Community

Looking to learn something new?

Jennifer Smeriglio

Jennifer Smeriglio

Work Image Trouble and Footer

1 Answer

Zac Gordon

Zac Gordon