Adding overlay with captions om image

bjornlupo · June 26

Hi, we're using the Avenue template. We'd like to add a text overlay on images in a gallery block. Any ideas how to achieve this?

Here's the page with the gallery: https://www.johnsonbergsmark.com/projects

Widle · June 27

Here is the code :

@media only screen and (min-width: 640px){
#block-12345 {
opacity: 0;
 transition: opacity 1s
}

#block-12345:hover {
opacity: 1;
transition: opacity 1s
}
}

if you have any confusion check out this video https://youtu.be/llSO2AMIb3M?si=DkQKTC43sZ0_dtQX

bjornlupo · June 28

Wonderful, thank you!

Widle · July 1

@bjornlupo Welcome 👍

Adding overlay with captions om image

Recommended Posts

bjornlupo

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Widle

Widle

Widle - Squarespace Website Design Experts

bjornlupo

Widle

Widle - Squarespace Website Design Experts

Create an account or sign in to comment

Widle

Circle Benefits

Events

Circle Day

Resources

Product Updates

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources