Spring Sale! Save 30% on all books w/ code: PLANET24
Web Dev + WordPress + Security

Coldskins: Custom CSS Skins for Contact Coldform

[ Contact Coldform ] With the recent release of my latest WordPress plugin, Contact Coldform, I am also creating a series of free, “drop-in” CSS skins for easy, “plug-n-play” customization. These skins employ valid, optimized CSS code designed for the following browsers:

  • Firefox 2 (mac & pc)
  • Internet Explorer 6
  • Internet Explorer 7
  • Opera 9 (mac & pc)
  • Netscape
  • Camino
  • Safari
Update: Contact Coldform is updated with new built-in “coldskins” and option to add your own custom styles. The coldskins on this page will still work for previous versions of the Coldform, but are replaced by the built-in styles for Coldform version 20121031+.</update>

The goal for these skins involves minimizing the amount of CSS code while simultaneously maximizing its universal effectiveness. Thus, while these skins may not appear identical in every browser tested, I am able to keep CSS code sizes to a minimum by focusing on overall design proximity as opposed to pixel perfect precision, which is possible, but would require additional code. In other words, the balance between presentational fidelity and relative code quantity may require further manipulation, depending on your particular design requirements.

Coldskin #1

This minimalistic skin features fields of uniform length and default Verdana text for all elements. The perfect slate for further customization and stylistic fine-tuning..

[ Screenshot: Coldskin #1 via Firefox 2 (pc) ]
Coldskin #1 in Firefox 2 (pc)

Check out Coldskin #1 in other browsers:

Download

To use this Coldskin, simply copy & paste the CSS code from the following file into your default (or custom) WordPress-theme stylesheet, generally located at: /wp-content/themes/theme/style.css:

Download Coldskin #1Version 1.0 ( 1.01 KB TXT )

Coldskin #2

This is the same skin used by the current theme here at Perishable Press. Coldskin #2 features tight, minimalistic form design with “Lucida Grande” labels and “Courier New” input text. Another keen design ready for instant styling or further customization..

[ Screenshot: Coldskin #2 via Firefox 2 (pc) ]
Coldskin #2 in Firefox 2 (pc)

Check out Coldskin #2 in other browsers:

Download

To use this Coldskin, simply copy & paste the CSS code from the following file into your default (or custom) WordPress-theme stylesheet, generally located at: /wp-content/themes/theme/style.css:

Download Coldskin #2Version 1.0 ( 1.42 KB TXT )

Coldskin #3

This skin works great for a clean, minimalistic aesthetic or as a template for further styling and customization. This layout requires no floats and should similar in virtually all modern browsers. Coldskin #3 uses Verdana font for both field labels and text input. Plug it in and make it your own..

[ Screenshot: Coldskin #3 via Firefox 2 (pc) ]
Coldskin #3 in Firefox 2 (pc)

Check out Coldskin #3 in other browsers:

Download

To use this Coldskin, simply copy & paste the CSS code from the following file into your default (or custom) WordPress-theme stylesheet, generally located at: /wp-content/themes/theme/style.css:

Download Coldskin #3Version 1.0 ( 1.04 KB TXT )

Check back for more Coldskins!

This is the permanent home for Coldform skins, and all future Coldskins will be presented and archived here. Also, if you have a Coldform design that you would like to feature here, please contact me and let me know about it — Thanks ;)

About the Author
Jeff Starr = Creative thinker. Passionate about free and open Web.
Digging Into WordPress: Take your WordPress skills to the next level.

14 responses to “Coldskins: Custom CSS Skins for Contact Coldform”

  1. Perfect! You’re the man. Thanks!

  2. Ah ha! Got it… you may want to add that its OK to paste the code directly below all the other css code thats on that page.. /wp-content/themes/theme/style.css:

    Works like a charm even got my test emails to work so its stays..
    Thanks Jeff cool plugin

Comments are closed for this post. Something to add? Let me know.
Welcome
Perishable Press is operated by Jeff Starr, a professional web developer and book author with two decades of experience. Here you will find posts about web development, WordPress, security, and more »
Blackhole Pro: Trap bad bots in a virtual black hole.
Thoughts
I live right next door to the absolute loudest car in town. And the owner loves to drive it.
8G Firewall now out of beta testing, ready for use on production sites.
It's all about that ad revenue baby.
Note to self: encrypting 500 GB of data on my iMac takes around 8 hours.
Getting back into things after a bit of a break. Currently 7° F outside. Chillz.
2024 is going to make 2020 look like a vacation. Prepare accordingly.
First snow of the year :)
Newsletter
Get news, updates, deals & tips via email.
Email kept private. Easy unsubscribe anytime.