[Support request] hover on image

[Katharina]

I created a bar in as a hook with images that lead to new pages. I was able to link the images but I would like to add a overlay when hovering over the image.

https://test.katisiemens.com/de/energie-booster-einleitung/

Thanks
Kati

[David]

Hi there

is this just a color overlay?

[Katharina]

yes just a overlay, maybe light grey or so.

[David]

Try this CSS:

.custom-video-container a img {
    vertical-align: middle;
}

.custom-video-container a {
    position: relative;
}

.custom-video-container a:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ccc; /* Change color */
    opacity: 0;
    transition: opacity 0.2s ease-in;
}

.custom-video-container a:hover:after {
    opacity: 0.5; /* Change transparency */
}

[Author]

Posts