Captions UNDER each image in Gallery - 7.1?

@tuanphan

Another problem is that when viewing on media like a macbook air or ipad has produced results where the captions are obscured...

7 hours ago, mportch said:

@tuanphan

 

Hi, I seem to have a new problem with those gallery descriptions in the mobile version.

The last description on the page is going over the image instead of underneath the image like the others...

https://smilodon-ocelot-my5f.squarespace.com/desert-modern

pass: trythis

In code I sent, edit: bottom: -1px !important;

to

bottom: -20px !important;

and add this to Page Settings > Advanced > Header

<style>
  @media screen and (max-width:767px) {
  .gallery-grid-item {
    padding-bottom: 1px !important;
}
  }
</style>

@tuanphan

Thanks, but still getting the white band on the last image in the gallery in mobile view...

And the captions disappear when viewing in between desk and mobile view...

I'm wondering if I need to scrap the gallery idea and upload individual images with captions.

@tuanphan

When scaling to different media, the image below covers the caption above.

Maybe there needs to be code to change the spacing between the caption and the image below it - to override the Squarespace gallery spacing?

I think it's best to use individual images instead of a gallery to get around this. It's a pain, but it's the only guarantee the captions work across all media sizes when it's scaled.

Hello @tuanphan, similar issue with 7.1 Reel descriptions, I want to customise type to have wider letterspacing and boldness.

But the code I have used to reduce the space between the description and arrows is now hiding the decsription.

Thanks for your help as always.

//Gallery Reel//
.gallery-reel {
height: 40vh !important;
}

On 2/10/2021 at 7:36 AM, TDavy said:

Hello @tuanphan, similar issue with 7.1 Reel descriptions, I want to customise type to have wider letterspacing and boldness.

But the code I have used to reduce the space between the description and arrows is now hiding the decsription.

Thanks for your help as always.

//Gallery Reel//
.gallery-reel {
height: 40vh !important;
}

Can you share link to page in screenshot?