Jainil Nagar

As per the documentation, you need to add the following condition first in the filter. This checks for the other spam filters first.

if ( $spam ) { return $spam; }

This might be due to the conditional fields plugin. Please check this Support Thread.

• This reply was modified 1 year ago by Jainil Nagar.

Does WP Hardening plugin also have rest API disabled?

CF7 uses the rest api. So the issue is not with the CF7 plugin.

https://mfaeca.org/wp-json still shows the restriction.

If you want to set a placeholder than you can do the following:

[select grieve first_as_label "Select one" "Shipping" "Price" "Customer service"]

Yes, but it is only enabled for the logged in users. CF7 uses the rest api. So when the guest user submits the form the submission does not work.

Check Disabled rest api plugin settings. You may have set the option to enable the rest api for logged in user only.

@kanwalshahzadi Regarding the ajax not working, it may due to the error in the custom.js file which shows in the console window.

There are some elementor addons available that provide styling options.

@jyria Please provide the form code used and list any other plugin installed related to CF7.

• This reply was modified 1 year ago by Jainil Nagar.

It looks like there is another javascript added to your site that triggers form validation when the select, radio, or checkbox value is changed.

This is a CSS issue, not a CF7 plugin issue. Apply color to the submit button.

input[type="submit"] { color: #515151; }

You can use the wpcf7submit DOM Event.

document.addEventListener( 'wpcf7submit', function( event ) {
	var status = event.detail.apiResponse.status;
	var message = event.detail.apiResponse.message;

	if( status == 'validation_failed' || status == 'acceptance_missing' || status == 'spam' || status == 'aborted' || status == 'mail_failed' ) {
		//Trigger popup with above message variable
	}
});

Use wpcf7mailsent to hide the form when mail has been sent.

document.addEventListener( 'wpcf7mailsent', function( event ) {
	//Hide Form
});

In your theme’s CSS file.

Check the Documentation and Developer’s cookbook.