Last Updated on March 9, 2022 by Neil Murray
We seek create some good looking Contact Form 7 (CF7) forms that people can use on WordPress websites.
Each form consists of a pre-designed CF7 form (HTML + CF7 tags) and an associated CSS file. The form is designed to be easily modified by users with little or no HTML & CSS skills. They can do this via copying & pasting within the form section of the CF7 interface.
The associated CSS file needs to cover the full range of standard form elements available within Contact Form 7 (via CF7 form tags). The CF7 form & CSS file both need to be clearly structured, flexible and responsive.
Target CF7 Forms only
Refer Custom CSS styling advice for CF7 forms
Default CSS
- cf7s-default.css
- cf7s-normalize.css
CSScomb
We use CSScomb for consistent statement order