Jump to content

Adding overlay with captions om image

Go to solution Solved by Widle,

Recommended Posts

bjornlupo Level 2

bjornlupo

Posted
Posted

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

Link to comment
  • Replies 3
  • Views 1k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Widle
Widle

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 co

  • Solution
Widle Level 5

Widle

Posted
  • Solution
Posted

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

Widle - Squarespace Website Design Experts

email.png
Connect - Connect with Email 
website.png
Website - Visit us
address.png
Ahmedabad, India
 
 
 
 
Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign Up / Login
Go to topic listing
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources