Image gallery on Google Sites - too much blank space above and below image

Ask the Community
,
1

Hello all - I am new to Elfsight, new to this community, and have pretty limited experience with code other than the ability to copy/paste.

I have installed an image gallery widget on my Google Site. The page itself looks great. But when I click an image and it opens the gallery/lightbox, there is a ton of empty space above the image and it takes about 5 scrolls to get to see the image itself, which is too large. Then more blank space below, requiring several scrolls to see the filmstrip at the bottom.

I’d like it to appear as it does on the Elfsight preview. Is this a limitation of hosting my site on Google Sites and getting what I’m paying for? Or is there something I can edit to fix this issue?

Thanks so much! Here is the site: elfsite-test

4 Likes
2

Hi @Deborah_Waltman welcome to the community :clap:

I think your images are too large.
Some of them are over 2000 pixels wide, which is too much.

grafik
grafik456×787 104 KB

grafik
grafik467×753 49.5 KB

1 Like
3

Thank you! What is the ideal size to make them?

2 Likes
4

I was able to solve the issue with the blank space by reducing my image size to no larger than 1200px. Thank you for this suggestion! With 2 rows of images, it looked very clean. With 3, though, Google sites inserted a scroll bar which I can live with but is not ideal. Is there any way to get rid of this? The widget is now live on my home page at deborahwaltman.com Thanks!

1 Like
5

Hi @Deborah_Waltman
Glad to hear it worked. Just test the image size to see what works best for you.

Unfortunately, I’m not familiar with Google sites. But maybe this will help you.
For more information, feel free to refer to this article: How to remove extra mobile scrollbars on Google Sites

2 Likes
6

Hi there, @Deborah_Waltman :waving_hand:

The thing is that the Google Sites platform is built on iframes, which cause these scrollbars to appear.

To remove the scrollbar, you should stretch the widget container, as described in this article. Please check it out and let us know if it helped :wink:

1 Like