Pass the Free Thanksgiving Form Theme Please

Written by Lance Padgett on November 13, 2012

Posted in Form Hacks

Thanksgiving is right around the corner, and what better way to show your holiday spirit than to use this free Thanksgiving form theme. Whether you’re collecting Thanksgiving donations or just rounding up your family dinner with an entree request form, you can use this form theme. You can also use this form theme for the Autumn season.

We’ve created a Thanksgiving form theme that is free for all users. Follow the steps below to use this theme for one of your forms! This theme has a nice Autumn background and an awesome transitioning form button!

free form template

 

In order to implement this free form theme, you need to:

1. Create a new form theme in Formstack under the “Settings” section.
2. Copy the code in the box below and paste it into the box labeled “Additional CSS” within your form theme.
3. Give your theme a name before saving.
4. Then apply this theme to either an existing form, or create a brand new form and then apply the new theme.

That’s all! Create any kind of form you want with this free theme. Take a peek at our finished form HERE.

Looking forward to more free themes? Give us your suggestions in the comments below!

@import url(http://fonts.googleapis.com/css?family=Unica+One);

body {background-image:url(http://bglabs.evade.netdna-cdn.com/45875kli90/277.jpg);}

.fsForm.fsMaxCol1, .fsForm.fsMaxCol2, .fsForm.fsMaxCol3, .fsForm.fsMaxCol4 {width:600px;}

.fsBody .fsForm, .fsForm .fsFieldRow .fsRowBody, .fsForm .fsSpacerRow .fsRowBody {background-color: #F8F6F3;}

.fsBody .fsForm .fsSectionHeader {background-color: transparent;}
.fsBody .fsForm .fsSectionHeading {font-size:40px; color:#ECAB36; line-height: 40px; text-shadow: rgba(68, 72, 77, 0.75) -1px 1px 1px, 0px -1px 1px rgba(228, 170, 68, 0.49); text-align:center; font-family: 'Unica One', cursive;}

.fsBody .fsForm input[type="text"].fsField, .fsBody .fsForm input[type="file"].fsField, .fsBody .fsForm input[type="number"].fsField, .fsBody .fsForm input[type="email"].fsField, .fsBody .fsForm input[type="tel"].fsField, .fsBody .fsForm textarea.fsField {
padding: 8px;
border-radius: 5px;
background-image: none;
}

.fsForm select {width:220px;}

.fsForm .fsSubmit {background-color: transparent; padding: 50px;}

@import url(http://fonts.googleapis.com/css?family=Krona+One);

.fsSubmit input.fsSubmitButton {
background-color: #E46A3B;
margin: 0 auto; clear: both;
font-size: 21px;
color: white;
border: none;
border-radius: 10px;
font-family: 'Krona One', sans-serif;
box-shadow: 0px 1px 1px #C5C5C5;
text-shadow:#B7BEC5 -1px 1px 1px, 0px -1px 1px #181818;
padding: 10px 30px;
-webkit-transition:background-color 0.5s, box-shadow 0.5s;
}

.fsSubmit input.fsSubmitButton:hover {
box-shadow: 0px 1px 10px #7c7c7c;
cursor:pointer;
background-color:#fec039;
-moz-transition: background-color 0.5s, box-shadow 0.5s;
-webkit-transition: background-color 0.5s, box-shadow 0.5s;
transition: background-color 0.5s, box-shadow 0.5s;
}

.fsRequiredMarker {color: #F39217; }