Hi, I’m creating my web design portfolio on Webflow and have entered about 65 portfolio projects into a collection.
I am trying to display the images as a nice grid (which I’ve worked out how to do) and when you hover on each item, it will have a nice overlay with some text (client’s name and link to ‘more’) - and then when you click it, it will go to the collection detail page for case study type of info which is drawn from the same collection.
I’ve been searching high and low for somewhere to teach me how to achieve this and there seems to be instructions on how to achieve something similar to static content here:
https://webflow.com/blog/how-to-create-a-thumbnail-overlay - so I’m wanting to do this sort of style to my portfolio collection. (but this doesn’t use a collection which is so much different)
I have also seen tutorials on galleries with lightboxes which sort of is the same thing but instead of opening up a lightbox, it will just go to my collection ‘detail page’.
Could you please point me to a tutorial or instructions on how to achieve this, I am hoping there’s something out there to explain. I’d be very appreciative.
This is my plain grid display so far:
And this is my preview link: