Articles

Contact Form 7 Custom Button

Some users of Contact Form 7 prefer to use an image as their form button instead of the default submit button. In this tutorial, we’ll walk you through how to accomplish this using Contact Form 7 and our popular Contact Form 7 Skins plugin. Before you begin But before we get started, there are a […]

Contact Form 7 Form in Columns

Contact Form 7 (CF7) users often like to add evenly spaced columns to their forms. However, many people find this task challenging because they don’t have a strong knowledge of HTML & CSS. CF7 Skins Ready, an add-on for our popular Contact Form 7 Skins plugin, makes it possible to do this with no knowledge […]

Contact Form 7 Fields Side by Side

Contact Form 7 (CF7) users often like to display commonly used form fields like Name and Email side by side on a single line. However many people find this task challenging because they don’t have a detailed knowledge of HTML and CSS. CF7 Skins Ready, an add-on for our popular Contact Form 7 Skins plugin, […]

Understanding Styles

CF7 Skins comes with many Styles for you to use with your Contact Form 7 forms. Contact Form 7 Method There is a common misconception that the Contact Form 7 plugin controls the appearance of Contact Form 7 forms though the plugins CSS style sheets. In truth the Contact Form 7 plugin uses only very […]

Choosing a Style for Your Form

CF7 Skins comes with many Styles which you can apply to any form with just a click (See Understanding Templates and Styles). Create a new form or edit an existing Contact Form 7 form. Scroll down to the Skins section and click on the Style tab to view the list of available styles to choose […]

Using a Custom CSS plugin to modify a CF7 Skins Style

Custom Styling your Contact Form 7 Form With CF7 Skins you’re able to apply a Style and get a great looking Contact Form 7 form quickly and easily without having any HTML or CSS skills. Sometimes, though, you might want to make small changes. Using a Custom CSS plugin is a relatively easy way to […]

CF7 Skins Styles not applied in my form

For CF7 Skins & it’s Add-ons to work you need to select one of our CF7 Skins Styles. Tip: The currently selected Template & Style are shown in red near the top of the Skins metabox. . We recommend you initially select the Default Style which is the minimum needed to support CF7 Skins our […]

How to Customise Your Selected CF7 Skins Style

Before you begin This article will only be useful if you: Have a basic understanding of HTML and CSS. Learn more. Understand and know how to use developer tools such as Firefox Firebug or Chrome Developer Tools – Learn more. Understand child themes and/or how to update the CSS of your WordPress theme using a […]