Slides not showing on flexslider
<p>I'm building a new homepage WordPress template. The template uses <a href="http://flexslider.woothemes.com" rel="nofollow">Flexslider</a> to display Vimeo videos, a simple title and description.</p>

<p>I've followed the <a href="http://flexslider.woothemes.com/video.html" rel="nofollow">FlexSlider documentation</a> to the letter, but the slides are all coming up blank.</p>

<p>Here's what I'm seeing via the Chrome Inspector:</p>

<pre><code>.flexslider .slides &gt; li {
    display: none;
    -webkit-backface-visibility: hidden;
}
</code></pre>

<p>For some reason the JQuery isn't kicking in. I've tried removing the inline styles from the <code>&lt;li&gt;</code> tags. I've also tried knocking out the lightbox script that I have running. Nothing seems to be working.</p>

<p>Can you see what's causing this? I've uploaded a demo here: <a href="http://bit.ly/1Sgpu99" rel="nofollow">http://bit.ly/1Sgpu99</a></p>

<p><strong>UPDATE</strong></p>

<p>Here's the relevant source from the template:</p>

<pre><code>&lt;?php // Begin main loop
    while ( have_posts() ) : the_post(); ?&gt;
        &lt;?php // Begin carousel repeater
        if( have_rows('slides') ): ?&gt;
            &lt;div class="flex-container"&gt;
                &lt;div class="flexslider"&gt;
                    &lt;ul class="slides"&gt;
                    &lt;?php while( have_rows('slides') ): the_row(); 
                        // vars
                        $background_image = get_sub_field('background_image');
                        $video = get_sub_field('video');
                        $title = get_sub_field('title');
                        $description = get_sub_field('description');
                        $background_image = get_sub_field('background_image');
                    ?&gt;
                        &lt;li class="slide" style="background: url(&lt;?php echo $background_image; ?&gt;) no-repeat center; background-size: cover;"&gt;
                            &lt;div class="container"&gt;
                                &lt;div class="half"&gt;
                                    &lt;div class="video"&gt;&lt;?php echo $video; ?&gt;&lt;/div&gt;
                                &lt;/div&gt;
                                &lt;div class="half last"&gt;
                                    &lt;header class="entry-header"&gt;
                                        &lt;h1 class="entry-title"&gt;&lt;?php echo $title; ?&gt;&lt;/h1&gt;
                                    &lt;/header&gt;
                                    &lt;?php echo $description; ?&gt;
                                &lt;/div&gt;
                            &lt;/div&gt;&lt;!-- .container --&gt;
                        &lt;/li&gt;
                    &lt;?php endwhile; ?&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;&lt;!-- .flexslider --&gt;
            &lt;/div&gt;&lt;!-- .flex-container --&gt;
        &lt;?php // End repeater 
        endif; ?&gt;
 &lt;?php // End main loop
endwhile;  ?&gt;
</code></pre>