Layerslider z-index / display an image infront

Support
#1

Hi there,

For some reason my image isn’t displaying infront of my layerslider like it used to? Can someone have a look into this please? Z-index image is set to 9999.

Kind regards,

#2

Hello There,

I was able to logged in and this is what I am seeing.

Could you please elaborate which image you are referring in this issue?

Thank you.

#3

Hi RueNel,

The book image is the one i’m referring to. It’s hidden behind the slider. I’ve checked all of the previous code / fixes i’ve used for it, and they’re all still in place. Also the z-index on the book / the slider are the same, so I can’t figure out why it’s showing behind not infront?

Apologies I wasn’t brilliantly clear on that last night!

Kind regards,

#4

Hi there,

It’s not behind a slider, it’s clipped by the container itself. Please add this CSS to your global custom CSS.

    .cp-info-bar {
     overflow: visible !important;   
    }

Thanks!

#5

Hi Rad,

Thanks for your help. That seems to have fixed it. Just for future references, how did you go around seeing that? I couldn’t see it for the life of me in the Chrome Developer tools.

Kind regards,

#6

Hi there,

I manually clicked parent elements of the image one by one until I found the overflow: hidden styling. That’s the styling responsible for clipping.

Thanks!

#7

Thanks for your help! Consider this closed!

Kind regards,

#8

You are most welcome. :slight_smile:

#9

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