Docs

[jared d]

hi,
i have been trying to embed my contact form onto my revolution slide with no success. it may help if you just give me some simple steps. i must be missing something

thanks,
jared

[Prasant Rai]

Hello Jared,

Thanks for writing in!

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks.

[jared d]

This reply has been marked as private.

[Rupok]

Hi Jared,

Thanks for updating. That’s easy. Just use the Contact Form shortcode within a Text/HTML layer. See the “SlideTest” where I have added an example.

Cheers!

[jared d]

Looks like all i need to do was to save it to make it work. How can I build a box/form around it? make a title…

thanks

[Darshana]

Hi Jared,

Please refer to the following tutorial (http://www.codedre.com/tutorials/how-to-add-a-contact-form-7-to-revolution-slider-wordpress/).

Hope that helps.

[sonofzell]

Hello!

I thought I’d chime in here before creating a new thread… I’ve added a contact form 7 to a slide. It renders perfectly, however I can not figure out how to actually input data into the form. It appears almost as if it’s an IMAGE of my form.

I’ve ensured the layer is selectable in Slider Revolution, and tried different settings of layer toggle, but can’t seem to get the ability to enter text into the form fields.

Any thoughts are appreciated!

K

[Jade]

Hi K,

It could be that we need to add the z-index of the text elements but kindly provide us with the URL of your site so that we could check it.

Thank you.

[sonofzell]

Thank you! – The form I am testing with can be found at http://www.kirkkwilliams.com/onepage/, under “Contact”.

[Rad]

Hi there,

It’s covered by another element. Please add this CSS to Admin > Appearance > Customizer > Custom > CSS

.tp-mask-wrap, #slide-29-layer-9 {
    pointer-events: none !important;
}

Hope this helps.

[sonofzell]

Thank you for the suggestion, however the code provided did not solve the issue. The form fields were still not accessible, and with the custom CSS inserted, the slides’ menu navigation was also not working (I suppose pointer events would need to be enabled for that function).

[Rupok]

Hi there,

Thanks for updating. You can try this instead :

#slide-29-layer-4 {
  z-index: 100 !important;
}

Hope this helps.

Cheers!

[sonofzell]

You guys are good! I suspected the z-index was a factor, but moving it to the top of the pile in the Slider Revolution GUI wasn’t working for me.

Your solution is working perfectly. Thanks so much for your time!!!!

K

[Joao]

You are welcome,

Reach us if you have any questions.

Joao

[Author]

Posts