Hi! I'm trying to get to the same effect as mentioned above (I've added a text hover state over the blue images at the bottom of the home page - not perfect (it expands a bit too far it seems sometimes), but that part works.
Now what I'm trying to get done is the actual blocks to link to the links I provided with it.
Site: www.nogabags.com
The custom CSS I've used (via youtube/forum etc) for the hovers is:
.image-caption-wrapper {
text-align: center !important;
top: 0 !important;
background: rgba(144,162,203,1) !important;
min-height: 100%
}
.image-caption {
left: 50%;
top: 50%;
position: absolute;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
When I now hover I do see the hand hover icon, but it does not send me to the link / seems not clickable.
Anyone who has a suggestion how to make this actually link?