Jump to content

Image Gallery Carousel Image hover text

Recommended Posts

Hello!

SOS! I have an Image gallery carousel set up in a blog post and I am trying to figure out how to show the caption on hover as well add a teal overlay and if possible also make the image bigger when hovered over.
 

This is what I have:

Screen Shot 2021-05-05 at 2.04.24 PM.png

 

 

This is what I would like it to look like:

 

Screen Shot 2021-05-05 at 2.06.53 PM.png

Link to comment
On 5/11/2021 at 4:24 AM, baileyeidahl said:

@tuanphan

https://denver-glass-interiors.squarespace.com/shower-enclosures-1/blog-post-title-one-5xac5

password: denverglass

It's the first carousel gallery block. I have a hover effect going but cannot figure out how to show the title and description which I have already added. Thank you! 

Hi. Can you add some title?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 5/11/2021 at 4:24 AM, baileyeidahl said:

@tuanphan

https://denver-glass-interiors.squarespace.com/shower-enclosures-1/blog-post-title-one-5xac5

password: denverglass

It's the first carousel gallery block. I have a hover effect going but cannot figure out how to show the title and description which I have already added. Thank you! 

Hi. The url doesn't exist.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 5/14/2021 at 5:00 PM, baileyeidahl said:

Incorrect password. Can you check again?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 months later...
  • 8 months later...
  • 3 weeks later...
On 5/14/2022 at 3:53 AM, BrittaMade said:

@tuanphan I am searching for the same answer to this this thread.  Do you happen to know? Thanks!

You try adding a Gallery Reel (3-4 images), then add some caption, then enable gallery caption, we will try checking some code

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 4 months later...
On 5/15/2022 at 3:51 AM, tuanphan said:

You try adding a Gallery Reel (3-4 images), then add some caption, then enable gallery caption, we will try checking some code

Hi @tuanphan - I am also wondering if I am able to do this with overlay text that has a quote from the employee (see attached), but using Carousel structure?

image.thumb.png.23617428d3f81ee4915d21df4e60c859.png

Link to comment
7 hours ago, dlv118 said:

Hi @tuanphan - I am also wondering if I am able to do this with overlay text that has a quote from the employee (see attached), but using Carousel structure?

image.thumb.png.23617428d3f81ee4915d21df4e60c859.png

Initial: hide all text

Hover: show text under image + show overlay over image

Is this right?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

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

Hire a Designer

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