Archived topic
Changing images to clickable
5 replies · Started by Erika on December 2, 2022
Hi there,
is there a way to make the six images with the overlayed links (unter Areas of Competence) on the welcome page clickable itself? I. e. could I build the container differently with the image itself looking the same way (opacity change on hover), but not only the blue div with icon being clickable, but the whole image as well?
Thanks for an input, Erika
Hi there,
are you using GenerateBlocks Pro ? Or just the Free version ?
Hi David,
on this site the free version unfortunately :(
One way would be to work with two fully designed images, one image for hover, one for no hover and link the hover image to the page.
Is there an another way to add the image to the container and have the other containers on top?
Thanks for looking!
Erika
Try adding this CSS:
.product-container-welcome {
position: relative;
}
.product-container-welcome .gb-inside-container {
position: static !important;
}
.product-container-welcome a:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}It should expand the existing links click target to fill the container.
Hi David!
this is awesome! Thank you so much! I think I´ll learn some more about pseudo classes to understand why it works ;) but I am happy that it does.
Erika
Glad to be of help :)
