Gallery Thumbnails with caps

Hi baiker,

Some of the thumbnails are slightly larger than the others which causes the issue.
To fix it, try adding this CSS code in Enfold > General Styling > Quick CSS:

#top #wrap_all .avia-gallery-thumb a {
    height: 82px;
}

Hope it helps.

Best regards,
Nikko

Hi René,

Please try this code with the media query:

@media only screen and (min-width: 1024px) {
	#top #wrap_all .avia-gallery-thumb a {
	    height: 82px;
	}
}

If you need further assistance please let us know.
Best regards,
Victoria

Hi,

Did you need additional help with this topic or shall we close?

Best regards,
Jordan Shannon

Hi baiker,

Can you try adding this code at the bottom of functions.php:

function mygallery_thumbnails(){
?>
  <script>
  (function() {
    const thumbnails = document.querySelectorAll('.avia-gallery-thumb a');
    thumbnails.forEach(el => {
        const width = parseFloat(el.getBoundingClientRect().width) * 0.84;
        el.style.height = width + 'px';
    });
  })();
  </script>
<?php
}
add_action('wp_footer', 'mygallery_thumbnails');

The code will basically get the width of the thumbnails and adjust the height with respect to the width of the thumbnails to remove those extra spaces below.
Let us know if this helps.

Best regards,
Nikko

Hi René,

We apologize for the inconvenience we’ll be closing this thread then.
Thanks for using Enfold and have a great day!

Best regards,
Nikko