Jump to content

Image Clickthrough URL not working with hover CSS

Recommended Posts

Hi,

I added custom CSS to have an overlay appear upon hover of my image and videos, I want the text overlays links direct to another page on my site but it's not working.

Can anyone help me, please? Thanks in advance!



@media only screen and (min-width: 640px){ 
#block-7dc5a2b4e10282c678f8 { 
opacity: 0 !important; 
transition: opacity 1s !important 

#block-7dc5a2b4e10282c678f8:hover { 
opacity: 1 !important; 
transition: opacity 1s !important 

}

@media only screen and (max-width: 640px){ 
#block-7dc5a2b4e10282c678f8 { 
opacity: 0 !important; 
transition: opacity 1s !important 

#block-7dc5a2b4e10282c678f8:hover { 
opacity: 1 !important; 
transition: opacity 1s !important 

}
@media only screen and (min-width: 640px){ 
#block-yui_3_17_2_1_1687829895106_27236 { 
opacity: 0 !important; 
transition: opacity 1s !important 

#block-yui_3_17_2_1_1687829895106_27236:hover { 
opacity: 1 !important; 
transition: opacity 1s !important 

}

@media only screen and (max-width: 640px){ 
#block-yui_3_17_2_1_1687829895106_27236 { 
opacity: 0 !important; 
transition: opacity 1s !important 

#block-yui_3_17_2_1_1687829895106_27236:hover { 
opacity: 1 !important; 
transition: opacity 1s !important 

}
@media only screen and (min-width: 640px){ 
#block-abbff3792a26f57151da { 
opacity: 0 !important; 
transition: opacity 1s !important 

#block-abbff3792a26f57151da:hover { 
opacity: 1 !important; 
transition: opacity 1s !important 

}

@media only screen and (max-width: 640px){ 
#block-abbff3792a26f57151da { 
opacity: 0 !important; 
transition: opacity 1s !important 

#block-abbff3792a26f57151da:hover { 
opacity: 1 !important; 
transition: opacity 1s !important 

}

Link to comment
  • Replies 5
  • Views 593
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

2 hours ago, ceciliayf said:

 

hi, Thank you

here is my link

https://wedge-emu-2cjm.squarespace.com/config/pages

 

/config is url for site owner

If you look at top right or top left > you will see an arrow > click on it > real url will appear on browser address bar

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.