Add class to input fields

Hi,

there are no input fields on the page you link to, so that makes it hard to provide accurate assistance.

A generic solution is to use a jQuery function to add a class to all input and text area fields. Of course, this can (and probably should) be made more specific. Add the following code to at the end of your child themes functions.php file, but before a closing ?>, if any:

function my_footer_script() { ?>

	<script type="text/javascript">
			
		jQuery(document).ready(function($) {
			$('input, textarea').addClass('data-hj-whitelist');
		});
		
	</script>

<?php }
add_action('wp_print_footer_scripts', 'my_footer_script');

But, assuming that you are referring to Woocommerce forms, you can use a filter to add a class, see https://stackoverflow.com/questions/23943791/add-custom-css-class-to-woocommerce-checkout-fields

For further (and without doubt better) Woocommerce specific support, I suggest you post a topic in the Woocommerce support forums: https://ww.wp.xz.cn/support/plugin/woocommerce/

• This reply was modified 6 years, 9 months ago by ronaldvw. Reason: code markup fixed