Hi, I'm struggling with the same issue, I'm creating a website where I have recent projects. I have added a hover over text box with colour. I want each overlay text box to link to the relevant project page. Hoe can I do this? I have added custom CSS for the hover over text. I'm going to be adding more images with this hover over text and might want to change the sizes of the images soon as I haven't finished the full layout. Is there a code I can add to make this happen and where do I add it?
@media only screen and (min-width: 640px){
#block-ec593547f5e77e971414 {
opacity: 0;
transition: opacity 2s
}
Can't add link to image with text overlay
in Customize with code
Posted
Hi, I'm struggling with the same issue, I'm creating a website where I have recent projects. I have added a hover over text box with colour. I want each overlay text box to link to the relevant project page. Hoe can I do this? I have added custom CSS for the hover over text. I'm going to be adding more images with this hover over text and might want to change the sizes of the images soon as I haven't finished the full layout. Is there a code I can add to make this happen and where do I add it?
@media only screen and (min-width: 640px){
#block-ec593547f5e77e971414 {
opacity: 0;
transition: opacity 2s
}
#block-ec593547f5e77e971414:hover {
opacity: 1;
transition: opacity 1s
}
}
@media only screen and (min-width: 640px){
#block-b461d5eee4fbba781f8b {
opacity: 0;
transition: opacity 2s
}
#block-b461d5eee4fbba781f8b:hover {
opacity: 1;
transition: opacity 1s
}
}