title: How to display content from AFC repeater field?
body: <p>I have just begun using the ACF repeater field type to display a grid of projects on my site. The repeater field is named "projects" and I am using get sub field to display the content. However no content is displaying and the image is only displayed as the image path. I already have the styling for the fields i just need them to display.</p>
  
  <pre><code>&lt;?php if (have_rows('projects')): ?&gt;
                                  &lt;div class="section group project-grid"&gt;&lt;!-- start of grid row--&gt;
                                      &lt;div class="col span_1_of_4"&gt;
                                       &lt;img class="inner-line-break" src="&lt;?php bloginfo('template_directory')?&gt;/images/bio.png"  /&gt;
                                      &lt;/div&gt;
                                      &lt;div class="col span_1_of_4 project-data-title"&gt;
                                          &lt;p class="project-name"&gt;&lt;?php the_sub_field ('name'); ?&gt;&lt;/p&gt;
                                          &lt;p&gt;Programme:&lt;br /&gt;&lt;?php the_sub_field ('programme'); ?&gt;&lt;/p&gt;
                                      &lt;/div&gt;
                                      &lt;div class="col span_1_of_4 project-data"&gt;
                                          &lt;p&gt;Website:&lt;br /&gt;&lt;a href="http://www.eurobioimaging.eu"&gt;&lt;?php the_sub_field ('website'); ?&gt;&lt;/a&gt;&lt;/p&gt;
                                      &lt;/div&gt;
                                      &lt;div class="col span_1_of_4 project-data"&gt;
                                          &lt;p&gt;Services:&lt;br /&gt;  &lt;p&gt;&lt;?php the_sub_field ('services_icons'); ?&gt;&lt;/p&gt;
  
                                          &lt;p&gt;&lt;a href="#" data-tooltip="Proposal Writing"&gt;&lt;i class="fa fw fa-clone hover-icon"&gt;&lt;/i&gt;&lt;/a&gt; &lt;a href="#" data-tooltip="Contract Negotiations"&gt;&lt;i class="fa fw fa-file-text-o hover-icon"&gt;&lt;/i&gt;&lt;/a&gt; &lt;a href="#" data-tooltip="Project Management"&gt; &lt;i class="fa fw fa-calendar-check-o hover-icon"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/p&gt; &lt;/p&gt;
                               &lt;/div&gt;
  
                                      &lt;/div&gt;
                                  &lt;/div&gt; &lt;!--end of grid row--&gt;
  
   &lt;?php endif; ?&gt;  
  </code></pre>