Customize Advanced Gallery Block dots/arrows

[thedetoureffect]

thedetoureffect

January 24, 2025 at 12:04 pm

Hi there,

I am creating a page on my blog that’s supposed to mirror what my Instagram profile looks like (I don’t want to embed my Insta, I am uploading all my old photos so I can host it myself). When each post is just one photo, the Advanced Gallery block works great. However, when one of the posts is supposed to be a carousel of multiple photos, the little dots underneath are creating extra space which makes the whole grid look uneven. I know I can click “none” to remove the dots entirely, but then people can’t really tell that one of the posts is a carousel. The arrows on the right and left are too faint and unnoticeable.

Is there some way to have the two dots be on top of the photos instead of underneath? Or if I just remove the dots entirely, is there some other way to make it more obvious that it’s a carousel and not just one photo? Like on Instagram how they usually put the white layered squares symbol in the upper righthand corner.

I’ve attached two screenshots, one shows how I want the grid to look – the margins/padding is all even. The other shows how uneven it looks when the dots are there, and how the arrows are barely even visible (I did try white on dark, dark on light, outline, etc – the arrows are not ever much more visible than what you can see in the screenshot).

Thanks,
Claire