pwirth158

Aha! by changing in the contact form markup from [submit] to

<button type=”submit” value=”Send” class=”wpcf7-form-control wpcf7-submit”>SEND</button>

it all appears to work properly. Let me know if anything looks amiss there, but otherwise thank you for pointing me in the right direction!

• This reply was modified 6 years, 1 month ago by pwirth158.
• This reply was modified 6 years, 1 month ago by pwirth158.

And actually, changing <input> to <button> both allows the css to work, as well as submits the form

Hi @willianxz thank you for your reply!

I think we are onto something, it appears that the problem is the button is placed through an <input> tag rather than a <div> tag.

Using developer tools, if I change the <input> tag to a <div> tag, the css works as intended (though the button doesn’t submit).

Images:

The CSS works properly here – changed <input> to <div>
https://ibb.co/FgcqKv9

This is how the button is without manual edits:
https://ibb.co/DGVMB3S

Let me know if this is helpful to what you were thinking!

Hi @willianxz, unfortunately the !important attribute does not solve the problem.

Hey Jeff – sorry to bother, though since originally being fixed – and then somehow unfixed – I can’t seem to get the plugin to work on that calendar page, even with the URL permalink filter. If you have any other insights, it’s greatly appreciated! Happy holidays

Any help would be appreciated!

Well shoot, not sure what happened but after running some updates today, the issue has resurfaced. I haven’t changed any internal settings. Again any insight would be helpful and thank you for your time!

Perfect, that works. Thank you! I appreciate it

Thanks for the reply!

Hmm, unfortunately the root url is one of the pages that I care most about the plugin NOT running on. Is there any way to only allow it to run for that specific argument?

Well, I replaced that file through SFTP to our directory, cleared all our caches, and unfortunately the pesky problem is still occurring.

Oh my apologies – I wasn’t clear there. I did add the code to the url field, but the problem persisted. I guess I meant to say that I never changed anything with the url field prior to the problem occurring.

No luck with that either, unfortunately.

The URL field is and has always been blank.

I’m actually not certain that the jump to top is necessarily a result of the button link. Reason being is that I had at one point, in trying to fix this issue, assigned an ID as the link for the button. When I clicked the button, the pop up would appear and in the background the page would jump to that ID. However, when I clicked out of the pop up, the page would still jump back to the top.

Thank you for your response. Unfortunately these buttons are a function of a module from the platform Divi, so I cannot directly edit the href code line. I tried adding the code you provided as a class, as well as directly into the “custom css” sections for the button module, but nothing worked. Might there be a way to work around this? For what it’s worth, it’s definitely possible that what I tried for the class just wasn’t coded correctly.

• This reply was modified 6 years, 4 months ago by pwirth158.