[robsenzonParticipant]

Hello, I have a global static layer on my rev slider. The z-index is set to 9. On subsequent slides, I have text that should overlay, but the z-index is lower. I am absolutely racking my head trying to figure out how to change the static layers z-index. I must be blind, because I don’t see the option anywhere.

http://colincowie.staging.wpengine.com/

-Rob

[JadeModerator]

Hi Rob,

Would you mind providing your admin details so that we could check the layers in the Revolution Slider?

Thank you.

[robsenzonParticipant]

This reply has been marked as private.

[LelyModerator]

Hi Rob,

We can add it via CSS. Select the text layer > Click Attributes tab > Classes textfield: Add something like bring-on-top.

Then on Appearance > Customize > Custom > Edit Global CSS: add the following

.bring-on-top{
   z-index: 12 !important;
}

Hope this helps.

[robsenzonParticipant]

There is no way to just make the static global layer less than the rest?

[Nabeel AModerator]

Hi again,

You can try the following code instead:

.tp-shapewrapper {
   z-index: 0 !important;
}

Adjust the z-index as per your need. Let us know how this goes!

[Author]

Posts