Hi @ruruuu99
Apologies for the delayed response; the holiday season caused a bit of a backlog. If the issue persists, could you please share a link to a page where you’ve added the shortcode and the gallery is still not rendering? This will help me analyze the situation further from my end. Thank you in advance for sharing the details!
Kind regards,
Elvis
Hi @elviiso
Thank you for getting back to me! Below is the link to our gallery page where I want to insert the album gallery:
https://your-hairdresser.com/gallery
I used the shortcode widget from Elementor but nothing happened after the album shortcode was inserted (it’s currently not inserted on the page as it doesn’t work, but would be happy to do it for testing purposes).
But when I inserted the shortcode for individual images, they appeared on the gallery page. It’s just the album shortcodes for individual albums that don’t work.
When I first installed FooGallery, I did see the Querystring option which mentioned that it needs to be ticked if the albums are not appearing, but failed to select it in time and now I can’t find it anywhere.
Hope this info helps and looking forward to hearing back!
Hello again,
Just to let you know that the querystring issue has been resolved and the gallery albums are now working! Thank you 🙂
One more question regarding the actual appearance of the thumbnails/captions – the actual captions are fixed right in the middle of the thumbnails and on some of them it creates an effect of blocking the people’s faces. Is there any way to move the caption strips at the bottom of the thumbnails so that they’re not cutting across the faces of the people within the thumbnails?
Also, it always shows the number of images that are to be displayed (I’m using the All-In-One-Stack Album option). Is there any way to hide the numbers?
Many thanks again!
Hi @ruruuu99
To your two questions, the two modifications can be carried out using some custom CSS. I have come up with the CSS needed for that and added it below.
.fg-pile-cover .fg-pile-cover-content {
top: 100px;
}
.fg-pile-cover span.fg-pile-cover-count {
display: none;
}
Simply copy the CSS as it is and go to your admin dashboard where you will need to navigate to FooGallery -> Settings -> Custom JS&CSS and then paste it to the “Custom Stylesheet” field before hitting the save button.
Thanks.
