When customizing the look of the Contact Form 7 plugin in WordPress, you might want to add your own custom classes to either your form tag, form’s individual elements or validation error alert messages. Validation messages use <span> tag that already contains classes defined by the plugin, so we could simply override those classes, but what if we already have our own classes that we want to use? This post will show how to add classes in validation messages and other elements in CF7 plugin.

In WordPress, the Contact Form 7 is one of the most popular plugins for creating contact forms. One thing that you might have noticed though is that the validation of the URL field will not fail when you expect them to fail. For example, with the URL value of http://xxxx, the plugin will consider this as a valid URL, even though, the URL value is missing top level domain part. The solution to this problem is to have a custom validation for the URL field. This article will show you how to achieve that.