-
Posts
-
On my page towards the middle – I have 2 galleries – http://balrajt9.sg-host.com/local-services/
1- Horizontal Gallery
2- Masonry Gallery
I would like to use the Horizontal Gallery but with the captions below and it should look like the caption on the Masonry Gallery. Also, on the Horizontal Gallery, I would like the lightbox to open up when the user clicks on any part of the thumbnail (not just on the bottom right with the arrows icon). I basically want to duplicate everything Masonry Gallery but make it into a slider which the Horizontal Gallery accomplishes.
Thanks in advance
Hi navindesigns!
Thank you for the inquiry.
Is this a duplicate of this thread?
// https://kriesi.at/support/topic/move-gallery-caption-below-thumbnails/#post-1348740
For the horizontal gallery, you have to edit the config-templatebuilder/avia-shortcodes/gallery_horizontal/gallery_horizontal.php and place this code after line 615.
$output .= "<span class='avia-gallery-caption'>{$caption}</span>";After this code.
{ $lightbox_attr = Av_Responsive_Images()->html_attr_image_src( $lightbox_img_src, false ); $output .= "<a {$lightbox_attr} class='av-horizontal-gallery-link' {$display_char} title='{$lightbox_title}' alt='{$alt}'>"; $output .= '</a>'; }Regards,
IsmaelYes,
i wanted to use the horizontal gallery instead because I need the thumbnails to be scrollable.
The regular gallery does not have that option
I will try you code and let you know
Hi,
Thank you for the update.
The changes are working correctly on our end as shown in the screenshot below.
Screenshot: https://1drv.ms/u/s!AjjTfXSRbKTvwFfyg4b78m51YWFi?e=Wgq8rZ
Did you purge the cache after doing the modification? You should also use this css code to make sure that the caption container is visible.
span.avia-gallery-caption { display: block; }Best regards,
IsmaelI added the css and I am still not seeing the changes on my end
are u sure you are looking at this page?
The top gallery is the correct one (NOT the bottom one)
- You must be logged in to reply to this topic.