Lightbox from Block Grid

Support
#1

Hello I have this code for the Block Grid images:
<a href="http://mysticheartyogaretreats.com/wp-content/uploads/2017/08/IMG_7983.jpg"><img src="http://mysticheartyogaretreats.com/wp-content/uploads/2017/08/IMG_7983.jpg" alt="" width="640" height="480" link="true" class="bali" /></a>
And this code for lightbox in “raw content” on the page:
[lightbox selector=".bali" deeplink="true" opacity="0.875" prev_scale="0.75" prev_opacity="0.75" next_scale="0.75" next_opacity="0.75" orientation="horizontal" thumbnails="true"]

The lightbox is not working this way. How can I get it to work?

#2

http://mysticheartyogaretreats.com/bali-treasured-moments/

#3

Hi There,

Please change the HTML code to this:

<a class="bali" href="http://mysticheartyogaretreats.com/wp-content/uploads/2017/08/IMG_7983.jpg"><img src="http://mysticheartyogaretreats.com/wp-content/uploads/2017/08/IMG_7983.jpg" alt="" width="640" height="480" link="true" /></a>

[lightbox selector=".bali" deeplink="true" opacity="0.875" prev_scale="0.75" prev_opacity="0.75" next_scale="0.75" next_opacity="0.75" orientation="horizontal" thumbnails="true"]
#4

Thank you that worked!

#5

You’re welcome.