Change Image to Background Color on Mouseover

[DamianM (Damian Müller)]

Hi!

For my projects list I placed a teaser image. with mousover a color and text should be visible. I couldn’t manage, that the linkblock with the bgr-color has the same height and width as the teaser image.
Thanks for any help!

here’s the link to my project:
https://preview.webflow.com/preview/aleanza-ch?utm_medium=preview_link&utm_source=designer&utm_content=aleanza-ch&preview=c379bbc1185ac52d67a716eb124ae043&workflow=preview

((scroll down to “Projekte”))

[Stan (justAnotherDeveloper)]

hi @DamianM to take effect you should set your projects.coll to position: relative and your link link that have position: absolute set to cover whole area.

You should not use dot in class names, use dash or underscore instead.
projects-coll or projects_coll

[DamianM (Damian Müller)]

thank you! i was thinking much too complicated…