Image hover-overlay behind image.

[PlayDesign]

Hi,

I have encountered a problem with some images. I want the hover-overlay to show, but no matter what I do the overlay is behind the image instead of on-top of it. Can you guys help me out.

I have tried removing all adjustments in the custom-css settings, but this did not work. I guess then it have something to do with the theme.

Second attachment: I’ve put on borders, so you might see what I mean. I also want to keep some images round in the future, so if you have a good solution to apply the circular border to the overlay (only on images of my choice) after we fix the (z-index?) first problem I would be very happy!

Cheers!

[Kyle – SUPPORT]

Hi

It will just be a z-index issue, if you could provide me with a link I will help you fix it

– Kyle

[PlayDesign]

This reply has been marked as private.

[Kyle – SUPPORT]

Ok add this to your custom css:

figure.animated-overlay figcaption {
  z-index: 3;
  border-radius: 50%;
}

– Kyle

[PlayDesign]

Thanks! That did the trick 🙂

[Kyle – SUPPORT]

Great! No problem 🙂

– Kyle

[PlayDesign]

This reply has been marked as private.

[Kyle – SUPPORT]

Hi

Try adding this:

figure.animated-overlay figcaption {
  left: 26px;
}

– Kyle