How to hide button when filling in contact form?

regular1

Hello,

I was wondering if there was a way to hide the button when a user on the website starts to fill out a form.

It can be very distracting and annoying when you are trying to fill out a form and the button keeps interrupting your view. Please see image attached as an example.

regular1

Bump

Jasper

Hi regular1 , interesting question 🙂

You might try the adding the following code to your website. This example code uses jQuery, but hides Buttonizer as soon someone enters text in an input or textarea. When moving to another page, the buttons will appear again.

jQuery(document).ready(function() { 
   jQuery("input, textarea").keyup(function() {
    jQuery(".buttonizer").hide();
   });
});

This should do the trick. Let me know if this helps 🙂

regular1

I inserted the code into my theme's additional css area, and it does not seem to be working. See screenshot attached.

Jasper

Hi regular1 ,

You have entered JavaScript in your CSS file. You should only add JavaScript to your JavaScript files. Otherwise it won't work.

You might use a Header/Footer plugin to add custom JavaScript to your webpages.