title: Broken images using 'Custom Post Type UI' and 'Advanced Custom Fields' in Wordpress build
body: <p>I have an 'apparel' section on this HTML website which I'm now converting to Wordpess.</p>
  
  <p>In my design it looks like this (see below)
  <a href="http://i.stack.imgur.com/2CiI5.jpg" rel="nofollow">Apparel section</a></p>
  
  <p>but in my build it looks like this (see below)
  <a href="http://i.stack.imgur.com/wDIMs.png" rel="nofollow">The actual build in wordpres</a></p>
  
  <p>I don't think the code is the problem but here it is for reference:</p>
  
  <pre><code>&lt;?php $loop = new WP_Query( array('post_type' =&gt; 'apparel', 'orderby' =&gt; 'post_id', 'order' =&gt; 'ASC')); ?&gt;
  
     &lt;?php while( $loop-&gt;have_posts() ) : $loop-&gt;the_post(); ?&gt;
  
     &lt;div class="col-lg-4 col-md-6 col-sm-6 mb-sm-30"&gt;
       &lt;div class="blog-post"&gt;
         &lt;div class="post-media"&gt;
           &lt;img class="item-container" src="&lt;?php the_field('apparel_img'); ?&gt;"/&gt;
         &lt;/div&gt;
         &lt;div class="product"&gt;&lt;a&gt;&lt;?php the_field('name_price');?&gt;&lt;/a&gt;&lt;/div&gt;
       &lt;/div&gt;
     &lt;/div&gt;
  
  &lt;?php endwhile; ?&gt;
  </code></pre>
  
  <p>When I've used Chrome inspector to check what's happening with the images themselves it looks like other strings are being pulled in, and when I delete everything apart from the image root then the image isn't broken and works.</p>
  
  <pre><code>src="26, frontrunnerz black tee, black tee, , , image/png, http://localhost:8888/wp-content/uploads/2016/09/tee01.png, 300, 200, Array"
  </code></pre>
  
  <p>Appreciate your help with this please!</p>