Missing Submit Button?

Hi @anonymical7,

Happy to help you!

When I tried to access your website, my access was denied and I could not go ahead and test your donation form, so I cannot see the issue happening by myself. This is the error that I got:

Error 1020
Access denied

However, when I saw this error, I noticed that you are using Cloudflare, which needs to be configured properly to play nicely with GiveWP. Depending on the settings you set, it will break GiveWP and it will not work as expected, preventing your donors from donating.

The first thing I’d do in your case is deactivating Cloudflare for a while to test the donation forms to see if they will work or not. If they do work, then Cloudflare is the one you’ll need to check. If it doesn’t work, then you’ll need to find out if there is a plugin conflict. In this case, I suggest you follow our troubleshooting tutorials using Health Check. It allows you to isolate plugins and change themes for administrator, while the frontend still runs the live version of the website. You can see the documentation here:
https://givewp.com/documentation/resources/troubleshoot-wordpress-websites-health-check/
https://givewp.com/documentation/resources/how-to-troubleshoot-your-website-like-a-wordpress-support-engineer/

If Cloudflare is the culprit, make sure that the Rocket Loader is not active when you turn it on again, otherwise, GiveWP will not work properly.

Have a great day!

Hey @anonymical7,

Also, something my teammate noticed is that your submit button has a white background-color with a white text on a white page, so, although the button is there, you cannot see it. To fix it, you’ll need to add some custom CSS code that I can help you with.

This is a result of your site’s CSS (styling) being a bit too opinionated.

We try our best to “stay in our lane” with Give’s CSS, and let the theme do the bulk of the work of styling. Every now and then, depending on the theme, it means we got a little too “out of the way.”

Here’s a short CSS snippet that will resolve your issue:

input#give-purchase-button {
    background-color: #F00;
}

If you need assistance implementing custom CSS on your WordPress website, we have this guide for you:
https://givewp.com/documentation/resources/handling-custom-css-in-wordpress/

Please note that this code snippet is provided as an example of how you can extend GiveWP with code. It’s up to you to implement and customize to your liking. We cannot provide support for custom code on your website, only the code that we create and distribute.

Have a great day!

Ha! Okay indeed the button was white, so this was the issue. But I did make sure things are clear on Cloudflare as well. Thanks so much!
A