Creating a color overlay over an image on hover

I have read a few posts about this but still can’t figure it out. I have only been working in webflow for a couple of days so please speak to me at a pretty basic level at this point.

I have a row of individual project images that I would like to have a slightly transparent color overlay and descriptive text on when you rollover or hover over them. The color overlay effect would be the same across all of the project images but the text or project title will change.

I was looking at the template for this site created in webflow to try to replicate it but can’t for the life of me figure it out. Also attached are screen shots showing the image with and without the hover effect.

http://growilla.webflow.io/


Thanks for your time.


Here is my public share link: LINK
(how to access public share link)

I believe you could follow the same tutorials presented on this thread for lightboxes and get what you need. Hope this helps.

http://forum.webflow.com/t/how-to-create-a-lightbox-hover/12148

I made a little tutorial for you:

http://quick.as/7gxgfg7ml

Thank you both for your responses, I will follow these and let you know.

I got it to work, thank you both so much!

1 Like

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.