Changing Z-index on interaction?

Support
#1

I used the effects on a page with pictures to enlarge them at interaction. However, I can not figure out how to bring them forward changing the Z-index. The pictures are in a grid and the enlarged picture at interaction is partially hidden by the next ones (next to it or below it). Is there a way to change the Z-index at interaction?
Patrick

#2

Hello Patrick,

Thanks for writing to us.

Regretfully there is no option for that but you can achieve it through custom CSS code.

.x-image:hover {
    z-index: 99;
}

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps.
Thanks

#3

Of course… Thank you!

#4

Hello Patrick,

Gald to know that things are well for you. Please feel free to reach us if you have any queries regarding our theme and theme settings.

Thanks

#5

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