Image Clickthrough URL not working with hover CSS

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 
} 
}

Can you share link to page where you have problem?

3 minutes ago, tuanphan said:

Can you share link to page where you have problem?

hi, Thank you

here is my link

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

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

9 hours ago, tuanphan said:

/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

Hi, is it this one?

https://ceciliayfang.com/

9 hours ago, tuanphan said:

/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

I solved the problem by using this method.