Jump to content

Hovering over a image block and text block appearing

Recommended Posts

Hey There, 

I am an absolute beginner in customizing CSS code so I am trying to create the simple effect of hovering over an image to have a text appear, before clicking on said image to be led to another page. The code is not working. I have the correct image block id and text block id, but the effect is not happening.  I just have the image I can hover over but the text is not showing. Help? 

 

thank you!!

 

 

#block-0c4e72f9503d19632aa6:hover + #block-yui_3_17_2_1_1684005583912_2875 {
    display: block;
  }
  
#block-yui_3_17_2_1_1684005583912_2875 {
    display: none;
  }
 

Screenshot 2023-05-14 at 11.02.24.png

Screenshot 2023-05-14 at 11.02.13.png

Link to comment
  • Replies 1
  • Views 151
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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.