title: fancybox image not loading in moderna html theme development project
body: <p>I am trying to converting Moderna HTML template to WordPress theme. But the fancy-box image not working properly when I tried to post image with custom post (portfolio) from back end.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="row"&gt;
     &lt;div class="col-lg-12"&gt;
      &lt;h4 class="heading"&gt;Recent Works&lt;/h4&gt;
      &lt;div class="row"&gt;
       &lt;section id="projects"&gt;
       &lt;ul id="thumbs" class="portfolio"&gt;
       
     &lt;?php if (has_post_thumbnail( $post-&gt;ID ) ): ?&gt;  
    &lt;?php $portfolio_thumb = wp_get_attachment_image_src( get_post_thumbnail_id( $post-&gt;ID ), 'large' ); ?&gt;
              &lt;?php endif; ?&gt;
       
             &lt;?php 
                      $args = array( 'post_type' =&gt; 'portfolio', 'posts_per_page' =&gt;4,'orderby'=&gt; 'title', 'order' =&gt; 'DEC' );
                      $loop = new WP_Query( $args );
                      while ( $loop-&gt;have_posts() ) : $loop-&gt;the_post();?&gt;
                           
                              &lt;!-- Item Project and Filter Name --&gt;
        &lt;li class="col-lg-3 design" data-id="id-0" data-type="web"&gt;
                              &lt;div class="item-thumbs"&gt;
                                  &lt;!-- Fancybox - Gallery Enabled - Title - Full Image --&gt;
                                  &lt;a class="hover-wrap fancybox" data-fancybox-group="gallery" title="Work 1" href="&lt;?php echo $portfolio_thumb[0]; ?&gt;"&gt;
                                  &lt;span class="overlay-img"&gt;&lt;/span&gt;
                                  &lt;span class="overlay-img-thumb font-icon-plus"&gt;&lt;/span&gt;
                                  &lt;/a&gt;
                                  &lt;!-- Thumb Image and Description --&gt;
                                  &lt;?php the_post_thumbnail('portfolio-image'); ?&gt;
                              &lt;/div&gt;
        &lt;/li&gt;
                           
                     &lt;?php endwhile;   ?&gt;
      
        &lt;!-- End Item Project --&gt;
       &lt;/ul&gt;
       &lt;/section&gt;
      &lt;/div&gt;
     &lt;/div&gt;
    &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Here is the theme details--<a href="http://bootstraptaste.com/free-bootstrap-template-corporate-moderna/" rel="nofollow">http://bootstraptaste.com/free-bootstrap-template-corporate-moderna/</a></p>
  
  <p>Please help me for this purpose.</p>