- Posts
Hi,
It looks like the code for the BoldGrid gallery has the caption for a gallery thumbnail below/outside of the linked content. However, I made the caption vertically & horizontally centered on the image thumbnail, so now only the top half of the thumbnail is clickable. How can I expand the clickable area to include the entire image, including the caption? I can’t find where to edit that code anywhere.
Thanks!
Hi Bdice!
The links on the gallery images are wrapped around the actual image object itself and the caption markup is included in a different page element. Overlaying the caption on the image covers up part of the link area, which is why only the top half is clickable after making your customizations to the caption positioning.
You should be able to make the entire area clickable by removing the ‘collision detection’ for captions by adding an additional custom CSS rule. Try adding
pointer-events: none;to your CSS that repositions the captions over the gallery images. That solution worked for me in my own testing and I hope you have the same success with it!Please let us know if you ever have any other questions for us in the future!
That worked, thanks!
- The topic ‘Include gallery thumbnail caption within clickable area’ is closed to new replies.
