That is the order of the plugins on in relation to the website, layerslider is on top of everything. I would like to be able to click the layerslider popup to trigger a ninja kick contact forms to slide in over top layer slider, instead layerslider stays on top and gets in the way of the "send button" for the form. I could also have the pop close once clicked if that is any easier? Hope that makes sense, i attached a screen shot.
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
You will need to set a higher z-index value for the button (and any other content that you want to be on top) than the slider to solve this. You can set the z-index for the slider in the Slider Settings -> Appearance -> Custom Slider CSS field by entering z-index:1; or you could use an even lower number if 1 still does not make it.
If you would like to close the popup by clicking it, you will need to enable the 'Close by clicking away' option in Slider Settings -> Popup -> Overlay options section.
Alternatively, you can enable the close button for the popup in the Slider Settings -> Popup -> Modal options section. You can even style it with CSS if you would like to.
the close by clicking away does do the trick, but it would be nice if it went away "on click", is that possible? I made a custom close button, but that's a manually option, i would like the popup to disappear when it's click & the form pops out if possible.
Actually the click away to close doesn't work for me because it causes the overlay to activate and you can't interact with the website, when you do the popup disappears. I'm using it as a chat pop up so it needs to stay there until the user decides to hit the X to close or click to open the form. So it would be nice to somehow have it stay close as soon as it's click automatically
I see, thanks for the feedback. I'm afraid the popup feature does not have this setup currently that you're looking for. But I will contact with the dev team to see if they have any solution for this. I'll get backto you with their answer.
They've mentioned one possible solution. You can set the button that opens the form, to close the popup. Under the Link & Attributes tab you can use a smart link to close it. Click into the linking field and choose "Close the Popup".
If this does not work for you either, you can still use your own code to achieve what you're looking for. However, please note it requires web development experience to create such code.
Unfortunately at the moment these are the options aviable in the plugin that you can use. In case none of these solutions work for you, I'm afraid you will have to try with a custom method or code.
Hi there,
I have the website - layer #1
I have ninja kick contact forms - layer #2
I have layer slider - layer #3
That is the order of the plugins on in relation to the website, layerslider is on top of everything. I would like to be able to click the layerslider popup to trigger a ninja kick contact forms to slide in over top layer slider, instead layerslider stays on top and gets in the way of the "send button" for the form. I could also have the pop close once clicked if that is any easier? Hope that makes sense, i attached a screen shot.
Hello The_Creative_Konkerer,
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
You will need to set a higher z-index value for the button (and any other content that you want to be on top) than the slider to solve this. You can set the z-index for the slider in the Slider Settings -> Appearance -> Custom Slider CSS field by entering z-index:1; or you could use an even lower number if 1 still does not make it.
Ok thank you for your reply! How do i set the popup to close once it is clicked instead? Maybe that's easier?
I have it setup so ninja kick class is attached to layerslider so it opens that once clicked.
If you would like to close the popup by clicking it, you will need to enable the 'Close by clicking away' option in Slider Settings -> Popup -> Overlay options section.
Alternatively, you can enable the close button for the popup in the Slider Settings -> Popup -> Modal options section. You can even style it with CSS if you would like to.
the close by clicking away does do the trick, but it would be nice if it went away "on click", is that possible? I made a custom close button, but that's a manually option, i would like the popup to disappear when it's click & the form pops out if possible.
thanks!
Actually the click away to close doesn't work for me because it causes the overlay to activate and you can't interact with the website, when you do the popup disappears. I'm using it as a chat pop up so it needs to stay there until the user decides to hit the X to close or click to open the form. So it would be nice to somehow have it stay close as soon as it's click automatically
I've also tried multiple numbers with the z-index, doesn't seem to be doing anything for me? screen cap attached
I see, thanks for the feedback. I'm afraid the popup feature does not have this setup currently that you're looking for. But I will contact with the dev team to see if they have any solution for this. I'll get backto you with their answer.
They've mentioned one possible solution. You can set the button that opens the form, to close the popup. Under the Link & Attributes tab you can use a smart link to close it. Click into the linking field and choose "Close the Popup".
If this does not work for you either, you can still use your own code to achieve what you're looking for. However, please note it requires web development experience to create such code.
thanks for the reply.
Unfortunetly it seems to conflict with the class used to open the form (ncf_trigger_element ncf_toggle_form_11).
When i add the "close the popup" attribute it just closes the popup instead of opening the form. I'm assuming i'm kind of stuck?
Unfortunately at the moment these are the options aviable in the plugin that you can use. In case none of these solutions work for you, I'm afraid you will have to try with a custom method or code.