Cf7 Light Beauty – Contact Form 7 Plugin Skin

Published: December 2, 2013By Sebastian

Cf7 Light Beauty is a Plugin Skin
for Contact Form 7 – which is free to download!

Author: Themeover
Requires: Microthemer or Microloader

Theme Description

Light Beauty is a free GPL licensed plugin style for the popular Contact Form 7 plugin. This design should fit with most themes. Light Beauty is part of the X Beauty Range of plugin styles for Contact Form 7 which follow a similar layout in different color schemes.

Theme Tags

cf7 light beauty plugin styles, customise contact form 7, wordpress plugin, wordpress plugins 3.0, plugin styles, microthemer

Tested in Modern Browsers

Cf7 Light Beauty has been tested in the following browsers:

Firefox, Chrome, Safari, Internet Explorer 7 to 9

Theme Files

  1. config.json
  2. how-you-would-customize-your-form-with-microthemer.gif
  3. license.txt
  4. meta.txt
  5. readme.txt
  6. red-50.png
  7. screenshot.png
  8. yellow-50.png

Instructions in readme.txt

Contents

  1. Example Contact Form 7 Markup To Adapt When Using This Plugin Style

Example Contact Form 7 Markup

When creating this skin for Contact Form 7 I used the following markup. You will probably want to change this for your particular form but pay attention to the formula it follows. Namely, a label followed by a line break followed by the form field shortcode, all contained within paragraph tags:

<p>Your Name (required)<br />
[text* your-name] </p>

<p>Your Email (required)<br />
[email* your-email] </p>

<p>Subject<br />
[text your-subject] </p>

<p>Your Message<br />
[textarea your-message] </p>

<p>Select Color<br />
[select menu-242 "Red" "Blue" "Green" "Purple"]</p>

<p>Select Size<br />
[checkbox checkbox-56 "Small" "Medium" "Large"]</p>

<p>Select Brightness<br />
[radio radio-212 "Light" "Dark"]</p>

<p>[captchac captcha-301]<br />
[captchar captcha-301]</p>

<p>[submit "Send"]</p>

Changelog

1.2. Updated the Text Input Selector to accommodate inputs with a "type" attribute of email and file.

1.1.2 Success message green text was unreadable against medium-grey background. Made background darker to improve contrast.

Close