Caption Hover Help

justinteo85
(@justinteo85)

8 years, 6 months ago

Hi all, I seem to be struggling with the Caption Hover function, with the gallery suddenly becoming a vertical line of images (rather than a grid), and Hover only works on the first image. Noticed a similar topic raised previously which has now been closed.
https://wordpress.org/support/topic/problems-with-caption-hover/

The site I’m working on is still work in progress so it’s not viewable publicly yet, but here’s the gallery page source code output below. Appreciate your kind help on this!

<div id=”foogallery-gallery-166″ class=”foogallery-container foogallery-default foogallery-link-image foogallery-lightbox-foobox spacing-width-10 hover-effect-caption alignment-center hover-caption-simple foogallery-default-loading”>
</p>
<div class=”foogallery-caption”>
<div class=”foogallery-caption-inner”>
<div class=”foogallery-caption-desc”>TEST</div>
</div>
</div>
<p></p>
<div class=”foogallery-caption”>
<div class=”foogallery-caption-inner”>
<div class=”foogallery-caption-desc”>TEST</div>
</div>
</div>
<p></p>
<div class=”foogallery-caption”>
<div class=”foogallery-caption-inner”>
<div class=”foogallery-caption-desc”>TEST</div>
</div>
</div>
<p></p>
<div class=”foogallery-caption”>
<div class=”foogallery-caption-inner”>
<div class=”foogallery-caption-desc”>TEST</div>
</div>
</div>
<p></div>

</div>

Viewing 1 replies (of 1 total)

Thread Starter

(@justinteo85)

Repost of source code


<div id="foogallery-gallery-166" class="foogallery-container foogallery-default foogallery-link-image foogallery-lightbox-foobox spacing-width-10  hover-effect-caption  alignment-center hover-caption-simple foogallery-default-loading">
	<a  href="wp-content/uploads/2017/09/Untitled_00637.jpg" data-caption-desc="TEST" data-attachment-id="129" class=""><img  src="wp-content/uploads/cache/2017/09/Untitled_00637/3113131561.jpg" width="250" height="250" /></p>
<div class="foogallery-caption">
<div class="foogallery-caption-inner">
<div class="foogallery-caption-desc">TEST</div>
</div>
</div>
<p></a><a  href="wp-content/uploads/2017/09/Untitled_00777-e1505120890848.jpg" data-caption-desc="TEST" data-attachment-id="126" class=""><img  src="wp-content/uploads/cache/2017/09/Untitled_00777-e1505120890848/3764494242.jpg" width="250" height="250" /></p>
<div class="foogallery-caption">
<div class="foogallery-caption-inner">
<div class="foogallery-caption-desc">TEST</div>
</div>
</div>
<p></a><a  href="wp-content/uploads/2017/09/IMG_0917.jpg" data-caption-desc="TEST" data-attachment-id="123" class=""><img  src="wp-content/uploads/cache/2017/09/IMG_0917/2723791711.jpg" width="250" height="250" /></p>
<div class="foogallery-caption">
<div class="foogallery-caption-inner">
<div class="foogallery-caption-desc">TEST</div>
</div>
</div>
<p></a><a  href="wp-content/uploads/2017/09/IMG_0915.jpg" data-caption-desc="TEST" data-attachment-id="122" class=""><img  src="wp-content/uploads/cache/2017/09/IMG_0915/615012379.jpg" width="250" height="250" /></p>
<div class="foogallery-caption">
<div class="foogallery-caption-inner">
<div class="foogallery-caption-desc">TEST</div>
</div>
</div>
<p></a></div>
				
			</div>

Viewing 1 replies (of 1 total)

The topic ‘Caption Hover Help’ is closed to new replies.