Recently I wanted to add a small, yet nice looking gallery of work to my site, specifically to my About page. Although I do use and advocate for Elementor as a product (especially for non coders) I didn’t much like the galleries on offer there, and I am generally not one to use “non Elementor created” add-ons.
I decided to go with FooGallery as I like the typical style it uses and had used it years previously, with good results.
Adding the gallery itself is a breeze, and I was organised enough to have all of my images sized to what I liked, so creating a carousel with a half dozen or so images of websites I had either created, or designed and created, didn’t take too long at all. Thinking it would be good to also have a link to the website, I carefully added custom URLs to each of the images in the gallery.
Check the Gallery Settings, Thumbnail Link
I am using the Carousel style gallery, so one thing to check here is that the Thumbnail Link setting (at the bottom of the General settings of the Gallery) is set to “Custom URL”.
I figured once done, I could save the gallery, view it on the live page, and people could click through to the real deal. WHAT A FOOL I WAS!!
Check the Lightbox Settings
With the above set, you also need to check the Lightbox settings on the Gallery itself (not the general Foobox settings) and set this to something other than the default; set it to FooBox.
This solution was found largely thanks to a WordPress support topic, found here, but part of me wanted to write this blog about it if for nothing other than to remind myself this issue existed!
Once then saved and page loaded, the custom URL was working as expected.
I hope you found this helpful! If so, please share with your socials, or let me know if you run into any issues in the comments section.