Cozmoz365

I’ve added this as a temporary fix:

$(document).on('wpcf7invalid', function(event) {
	setTimeout(function() { 
		$('.wpcf7-form').find('.wpcf7-not-valid').closest('label').addClass('is-invalid');
		$('.wpcf7-form').find('.wpcf7-not-valid').addClass('is-invalid');
	}, 500);
});

For me this was a theme based issue. Changing themes solved the problem.

Thanks, worked for me.

If possible I also believe I should be able to update/remove it using a filter in my functions file.

I have also added the following due to an issue in Safari 8:

.blocks-gallery-item,
.blocks-gallery-image {
     display: block!important;
}

I have added a hot patch for this as follows:

.justify-content-center {
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}

Thanks for the prompt response. This was caused by an error in WP Mail (Probably occurred with the latest WordPress 5 update). I can confirm this is now working perfectly.

• This reply was modified 6 years, 3 months ago by Cozmoz365.

This seems to have fixed it, thanks very much.

I have solved this issue with some help from a colleague more familiar with Contact Form 7 using the built in placeholder attribute:

https://contactform7.com/setting-placeholder-text/

I need this to make the following work with Contact Form 7 as I am using it instead of input:valid and <input type="text" required>.

https://css-tricks.com/float-labels-css/

Please help.