Click anywhere on Essential Grid to load lightbox

It seems as of right now only if I click on an play button overlay, it’ll load the lightbox. Right now I have it set up so it’ll load a vimeo link.
If you happen to click outside of it but still in the grid, it’ll load the vimeo IN the grid rather than the lightbox itself.

Is there a way to have the lightbox popup regardless of where you click on the grid and never load inside the grid?

Hi @KremeChoco,

To achieve that, please try adding this custom JS under Theme Options > JS:

jQuery(document).ready(function($) {
	$('.esg-overlay').on('click', function(event) {
		event.preventDefault();
		var parent = $(this).parent(),
			lightbox = parent.find('a.esgbox');
		lightbox.trigger('click');
	});
});

Hope that helps and thank you for understanding.

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.