Having issue getting this Portfolio to work properly.
Pulled source code from https://www.shape5.com/demo/wp/curb-appeal/pages/portfolio/
Activated both Multibox and Info Slide CSS
When "Zoom Image" is selected, a small white box opens but does not display the image. There is an X to close the window which does not work. If the X is pressed the window does not close.
Here is the current code I have:
<div class="about_wrapper"><img src="https://www.carrosmetal.com/wp-content/uploads/CMC-01-scaled.jpg" alt="" />
<h3>Fiber Cement</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mattis gravida justo, a rhoncus sem volutpat in. Pellentesque lacinia lacinia ligula, eget tempor elit sagittis non. Vestibulum pellentesque lorem nec diam interdum pellentesque. Etiam tempus facilisis ultrices. Nam adipiscing nunc nec est dapibus, eget eleifend velit mattis.</p>
<p>Curabitur facilisis condimentum augue at viverra. Ut ut tortor feugiat, dignissim nulla non, venenatis leo. Mauris elit ante, gravida sed auctor sed, rutrum a eros. Quisque nulla orci, posuere et rutrum vitae, commodo ac dolor. Cras iaculis interdum dui, vel faucibus nisl mattis tempor. Maecenas at augue placerat massa convallis.</p>
</div>
<div style="clear: both; height: 0px;"> </div>
<div class="pages_highlight_box">
<h3>Some of our Fiber Cement work</h3>
<p>Fusce ac eleifend erat, cursus pretium ante. Mauris euismod luctus libero ac rutrum. Morbi ullamcorper, mauris et dapibus accumsan, turpis massa ornare metus, eget commodo neque lacus sit amet erat. Vestibulum tempus, mi eget condimentum cursus, augue urna congue justo, a accumsan nunc erat eget leo. Proin sollicitudin tortor et nibh fringilla hendrerit. Praesent vel ante suscipit nisl hendrerit eleifend. Praesent a aliquet purus.</p>
<p class="readmore"> </p>
</div>
<h1 class="s5_centerit">Our Amazing Projects</h1>
<p><span class="s5_centerit ourteam_subtitle">Great design comes with understanding our clients needs</span> <br />
<br />
</p>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden"><a id="mb1" class="button darkcolor s5mb" title="Element Hotel" href="https://www.carrosmetal.com/wp-content/uploads/CMC-01-scaled.jpg" rel="[me]">Zoom Image</a> <a class="button">View Project</a></div>
</div>
<img src="https://www.carrosmetal.com/wp-content/uploads/CMC-01-scaled.jpg" alt="image" />
<div class="s5_is_slide_css"> </div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.</div>
</div>
</div>
</div>
</div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden"><a id="mb2" class="button darkcolor s5mb" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/images2.jpg" rel="[me]">Zoom Image</a> <a class="button">View Project</a></div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/images2.jpg" alt="image" />
<div class="s5_is_slide_css"> </div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.</div>
</div>
</div>
</div>
</div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden"><a id="mb3" class="button darkcolor s5mb" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/image3.jpg" rel="[me]">Zoom Image</a> <a class="button">View Project</a></div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image3.jpg" alt="image" />
<div class="s5_is_slide_css"> </div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.</div>
</div>
</div>
</div>
</div>
<div style="clear: both;"> </div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden"><a id="mb4" class="button darkcolor s5mb" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/image4.jpg" rel="[me]">Zoom Image</a> <a class="button">View Project</a></div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image4.jpg" alt="image" />
<div class="s5_is_slide_css"> </div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.</div>
</div>
</div>
</div>
</div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden"><a id="mb5" class="button darkcolor s5mb" href="http://www.shape5.com/demo/images/general/portfolio/image1.jpg" rel="[me]">Zoom Image</a> <a class="button">View Project</a></div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image1.jpg" alt="image" />
<div class="s5_is_slide_css"> </div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.</div>
</div>
</div>
</div>
</div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden"><a id="mb6" class="button darkcolor s5mb" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/image6.jpg" rel="[me]">Zoom Image</a> <a class="button">View Project</a></div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image6.jpg" alt="image" />
<div class="s5_is_slide_css"> </div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.</div>
</div>
</div>
</div>
</div>
<div style="clear: both;"> </div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden"><a id="mb1" class="button darkcolor s5mb" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/image7.jpg" rel="[me]">Zoom Image</a> <a class="button">View Project</a></div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image7.jpg" alt="image" />
<div class="s5_is_slide_css"> </div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.</div>
</div>
</div>
</div>
</div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden"><a id="mb2" class="button darkcolor s5mb" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/image8.jpg" rel="[me]">Zoom Image</a> <a class="button">View Project</a></div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image8.jpg" alt="image" />
<div class="s5_is_slide_css"> </div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.</div>
</div>
</div>
</div>
</div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden"><a id="mb3" class="button darkcolor s5mb" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/image9.jpg" rel="[me]">Zoom Image</a> <a class="button">View Project</a></div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image9.jpg" alt="image" />
<div class="s5_is_slide_css"> </div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.</div>
</div>
</div>
</div>
</div>
<div style="clear: both;"> </div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden"><a id="mb1" class="button darkcolor s5mb" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/image5.jpg" rel="[me]">Zoom Image</a> <a class="button">View Project</a></div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image5.jpg" alt="image" />
<div class="s5_is_slide_css"> </div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.</div>
</div>
</div>
</div>
</div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden"><a id="mb2" class="button darkcolor s5mb" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/images2.jpg" rel="[me]">Zoom Image</a> <a class="button">View Project</a></div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/images2.jpg" alt="image" />
<div class="s5_is_slide_css"> </div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.</div>
</div>
</div>
</div>
</div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden"><a id="mb3" class="button darkcolor s5mb" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/image3.jpg" rel="[me]">Zoom Image</a> <a class="button">View Project</a></div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image3.jpg" alt="image" />
<div class="s5_is_slide_css"> </div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.</div>
</div>
</div>
</div>
</div>
<div style="clear: both;"> </div>