How do I reveal a text block on the hover of an image block?

Site URL: https://pufferfish-salamander-xzmm.squarespace.com/

Hi, 

I am trying to get the black arrow blocks and caption text blocks on my site to reveal when hovering over the relevant image. 

Can anyone help me with the code required?

Thank you!

8 hours ago, katherineneedles said:

Site URL: https://pufferfish-salamander-xzmm.squarespace.com/

Hi, 

I am trying to get the black arrow blocks and caption text blocks on my site to reveal when hovering over the relevant image. 

Can anyone help me with the code required?

Thank you!

Please enable site wide password so we can have a look

On 3/29/2021 at 10:52 PM, katherineneedles said:

Site URL: https://pufferfish-salamander-xzmm.squarespace.com/

Hi, 

I am trying to get the black arrow blocks and caption text blocks on my site to reveal when hovering over the relevant image. 

Can anyone help me with the code required?

Thank you!

Do you still need help?

Yes!

On 3/31/2021 at 5:07 PM, katherineneedles said:

Yes!

What is password?

Hello, I would love help with this as well! I need the text blocks below the icons to appear when you hover over them on my home page.

website: patrickpilato.ca

password 123

7 hours ago, P-Lato said:

Hello, I would love help with this as well! I need the text blocks below the icons to appear when you hover over them on my home page.

website: patrickpilato.ca

password 123

 

try

section[data-section-id="6073556780622017383ad596"] .image-caption-wrapper {

  opacity: 0;
  position: absolute;

}
section[data-section-id="6073556780622017383ad596"] .sqs-block-image:hover  .image-caption-wrapper {

  opacity: 1;

}

5 minutes ago, bangank36 said:

try

section[data-section-id="6073556780622017383ad596"] .image-caption-wrapper {

  opacity: 0;
  position: absolute;

}
section[data-section-id="6073556780622017383ad596"] .sqs-block-image:hover  .image-caption-wrapper {

  opacity: 1;

}

 

I have been looking all day for the right code and that one worked great thank you so much!

one issue though... since I also have a code in place that makes the image block grow on hover, it also makes the caption grow, and gets cut off. Im assuming I need to make the caption wrapper bigger? I can't seem to figure it out and would appreciate your help.

11 minutes ago, P-Lato said:

I have been looking all day for the right code and that one worked great thank you so much!

one issue though... since I also have a code in place that makes the image block grow on hover, it also makes the caption grow, and gets cut off. Im assuming I need to make the caption wrapper bigger? I can't seem to figure it out and would appreciate your help.

And centering the captions that appear is an issue