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

WidleStudioLLP · 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 · Friday at 02:12 PM

Wonderful, thank you!

WidleStudioLLP · Monday at 04:28 AM

@bjornlupo Welcome 👍

Adding overlay with captions om image

Recommended Posts

bjornlupo

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

WidleStudioLLP

WidleStudioLLP

Widle Studio LLP

Link to comment

bjornlupo

Link to comment

WidleStudioLLP

Widle Studio LLP

Link to comment

Create an account or sign in to comment

WidleStudioLLP

Circle Benefits

Events

Circle Day

Resources

Product Updates

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources