@mariusjopen Hi Marius, I am trying to achieve almost the exact same thing explained and got stuck just before the finish line I guess..
Made a project thumbnail in Gridder and classified .projectlinks. Hid the image with CSS and want them to appear behind the Text from Thumbnail. Made a class .active + mouseenter.
Any idea what I am mixing up? Hiding the thumbnail images on the page works totally fine, but they just won't appear hovering them. (btw. getting no error in inspector console). Any help I is a lot appreciated!
CUSTOM CSS
.col[data-type="text"] img {
position: absolute;
z-index: -1;
display:none;
}
.active {
display: block!important;
}
CUSTOM <HEAD> CONTENT
<script>
jQuery(function($) {
$('a.projectlink').on('mouseenter', function(event){
$(this).addClass("active");
});
});
</script>