Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #48306
    Bdice
    Guest

    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!

    #48334
    Joseph W
    Keymaster

    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!

     

    #48393
    Bdice
    Guest

    That worked, thanks!

    #48398
    Brandon C
    Keymaster

    So happy to hear that worked for you Bdice! Please don’t hesitate to reach back out if you have any other questions for us.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Include gallery thumbnail caption within clickable area’ is closed to new replies.