Hi,
I’m building on my new site. I’ve bin inspirated by you demo Medical. The part where the square’s are on top of the image above is what I want to use.
So I have installed the demo in a other wp-installation for testing purpose. I saw how you have put the square’s on top, just by adding a negative margin-top to the row. That part is working fine. But when I change the image into a layerslider, the squares are behind the slider. I’ve tried to add a z-index and change the position-attributes of the slider, but I can’t get it fixed.
Can you help me out? For a link see the private-part.
Regards,
Erwin
Hey erwin_m!
When I added z-index: 999; on debugger it worked and moved it ontop of slider.
Maybe it is based on the value you added?
Cheers!
Basilis
Hi Basilis,
Thank you for the quick respons! I’ve added a value of 9999, so that should be enough.
Can you tell me to which element you have added the value?
Regards,
Erwin
Hi Erwin,
Try to add this css code in Quick CSS (located in Enfold > General Styling):
.home #after_layer_slider_1 {
z-index: 999;
}
Let us know if this helps :)
Best regards,
Nikko
Hi Nikko,
This code is working!
Thanks.
Erwin
Hi Erwin,
Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi,
You can close this topic.
Regards,
Erwin
Hi!
Thanks for using Enfold :)
Best regards,
Nikko