Hi,
If you choose an Image Block in the Block Editor, the Lightbox will only be initialized for this Image Block. For a Gallery Block, the Lightbox will be initialized for every Image in this Block.
Than you for your reply. I’m adding my images using html code so I think that won’t work for me, you think there is a fix for my case? Maybe adding something to my code.
Can you send me a URL where you add your images using html code?
I’m doing it on localhost, but I can show you my code and any screenshot.
<div class="gallery-container">
<a href="[pods field='screenshot_1']">
<img class="alignnone size-medium" src="[pods field='screenshot_1']" />
</a>
<a href="[pods field='screenshot_2']">
<img class="alignnone size-medium" src="[pods field='screenshot_2']" />
</a>
<a href="[pods field='screenshot_3']">
<img class="alignnone size-medium" src="[pods field='screenshot_3']" />
</a>
<a href="[pods field='screenshot_4']">
<img class="alignnone size-medium" src="[pods field='screenshot_4']" />
</a>
</div>
Here is a screenshot: https://prnt.sc/115vs4c
I have to do it in this way, because I’m using pods plugin to add the image address.
-
This reply was modified 5 years, 2 months ago by
nonesovile.
You could add the CSS Class wp-block-coblocks-gallery-masonry and then it should work: <div class="gallery-container wp-block-coblocks-gallery-masonry">
Unfortunately it didn’t fix the problem, next and previous buttons doesn’t show:(
I need a live version of your site to help you further.
I can show you my localhost using ngrok, do you have any way to share you something like this, different from this forum?
You could just save the website locally in your Browser as HTML and send it to me: [email protected]