Can I add image title and captions to show on hover for a Carousel gallery?

Site URL: https://tmha-new-site.squarespace.com/special-occasions

password: tamara

Ok so on this page i have the first gallery (personal) set to slideshow and it allows a hover to show the image title and the caption. Is there a way to do this for the second gallery on that page (business) which is a carousel style?

Ideally the sizing would be just like the first gallery (image title a little larger than the caption)

Also, if i could center this text that would be best.

Hi,

You mean for Gallery Section Reel? Can you add some title first? Then we can test code easie

@tuanphan the first couple images in both gallery sections have data attached now.

13 hours ago, ThisWayToFabulous said:

@tuanphan the first couple images in both gallery sections have data attached now.

Have you enabled it yet? I don't see any title/caption

@tuanphan yes it is activated

On 4/6/2022 at 1:43 AM, ThisWayToFabulous said:

@tuanphan yes it is activated

Try adding this code to Page Header

<style>
  figcaption.gallery-caption.gallery-caption-reel {
    position: absolute !important;
    top: 50%;
    margin: 0;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}
figcaption.gallery-caption.gallery-caption-reel>div {
    display: flex;
    align-items: center;
    justify-content: center;
}

</style>

On 4/10/2022 at 12:36 AM, tuanphan said:

Try adding this code to Page Header

<style>
  figcaption.gallery-caption.gallery-caption-reel {
    position: absolute !important;
    top: 50%;
    margin: 0;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}
figcaption.gallery-caption.gallery-caption-reel>div {
    display: flex;
    align-items: center;
    justify-content: center;
}

</style>

 

Hi Tuan, is this possible to do on a 7.0 site with a gallery block set to carousel? This style by default will not allow displaying titles or subtitles of images, but I would really like it to. Thank you.

On 1/14/2023 at 1:51 AM, jinlikegold said:

Hi Tuan, is this possible to do on a 7.0 site with a gallery block set to carousel? This style by default will not allow displaying titles or subtitles of images, but I would really like it to. Thank you.

Can you share link to page where you use 7.0 carousel? We can take a look