JetPack Breaks Elementor Basic Gallery

Resolved

(@mondendev)

Why is JetPack changing the HTML structure of Elementor’s Basic Gallery widget?

It should look like this:

<div class="elementor-image-gallery">
	<div id="gallery-1" class="gallery galleryid-3809 gallery-columns-4 gallery-size-medium_large">
		<figure class="gallery-item">

And after your plugin is installed it looks like this:

<div class="elementor-image-gallery">
	<div class="tiled-gallery type-rectangular" data-original-width="1065" data-carousel-extra="null" itemscope="" itemtype="http://schema.org/ImageGallery">
		<div class="gallery-row" style="width: 1065px; height: 381px;" data-original-width="1065" data-original-height="381">
			<div class="gallery-group images-1" style="width: 213px; height: 381px;" data-original-width="213" data-original-height="381">
				<div class="tiled-gallery-item tiled-gallery-item-small" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">

Nowhere is any option for this turned ON in your plugin. Why do this?

Viewing 1 replies (of 1 total)

Gaurav
(@gaurav984)

3 years ago

Hi @mondendev,

Thanks for reporting this. I was able to test and replicate the issue on one of my test websites. I have shared a report about this with our developers.

If you are not using Jetpack’s Tiled Gallery or Carousel to avoid this issue, you can turn off both these modules from the Jetpack Modules page.

Best,

Viewing 1 replies (of 1 total)

The topic ‘JetPack Breaks Elementor Basic Gallery’ is closed to new replies.