Change Image to Background Color on Mouseover


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:

((scroll down to “Projekte”))

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.

CleanShot 2022-03-13 at 22.27.43

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

thank you! i was thinking much too complicated…

1 Like

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