0

I am trying to create a tiled gallery using the newest Wordpress visual editor as such (this shows up in the editor):

1

But when previewing the site it looks like this:

enter image description here

where the image is super big. Here is the code in the inspector:

enter image description here

and here is what shows up in the code editor:

<!-- wp:jetpack/tiled-gallery {"className":"is-style-square","ids":[3521,3532,3531]} -->
<div class="wp-block-jetpack-tiled-gallery aligncenter is-style-square"><div class="tiled-gallery__gallery"><div class="tiled-gallery__row columns-3"><div class="tiled-gallery__col"><figure class="tiled-gallery__item"><img alt="" data-height="2560" data-id="3521" data-link="http://159.89.234.37/pp/img_1100/" data-url="http://159.89.234.37/pp/wp-content/uploads/2019/12/IMG_1100-scaled.jpg" data-width="1920" src="https://i0.wp.com/159.89.234.37/pp/wp-content/uploads/2019/12/IMG_1100-scaled.jpg?resize=1920%2C1920"/></figure></div><div class="tiled-gallery__col"><figure class="tiled-gallery__item"><img alt="" data-height="2560" data-id="3532" data-link="http://159.89.234.37/pp/img_1079/" data-url="http://159.89.234.37/pp/wp-content/uploads/2019/12/IMG_1079-scaled.jpg" data-width="1920" src="https://i1.wp.com/159.89.234.37/pp/wp-content/uploads/2019/12/IMG_1079-scaled.jpg?resize=1920%2C1920"/></figure></div><div class="tiled-gallery__col"><figure class="tiled-gallery__item"><img alt="" data-height="1920" data-id="3531" data-link="http://159.89.234.37/pp/img_1080/" data-url="http://159.89.234.37/pp/wp-content/uploads/2019/12/IMG_1080-scaled.jpg" data-width="2560" src="https://i1.wp.com/159.89.234.37/pp/wp-content/uploads/2019/12/IMG_1080-scaled.jpg?resize=1920%2C1920"/></figure></div></div></div></div>
<!-- /wp:jetpack/tiled-gallery -->

Any ideas?

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.