Formstack

Customizing your Form

CSS - Submit Action Edits

The submit area of the form can be quickly customized by copying and pasting the CSS below to the Theme that is applied to the form. The submit area can contain a Next, Previous, and Submit button. ...remove ...

Read Article

CSS - Fields Edits

all fields ...change the label color .fsLabel { color: #aabbcc; } ...center align Form fields .fsBody .fsPage { text-align: center; } ...change the text color of the supporting text .fs...

Read Article

CSS - Header/Footer Edits

The image at the bottom of the form #fsFooterImage { width: 700px; text-align: center; } The image at the top of the form #fsHeaderImage { width: 700px; text-align: center; }

Read Article

CSS - Form formatting

...set the form's width .fsBody .fsForm {width:800px;} ...remove nearly all margins / padding .fsForm { margin: 0 auto; padding: 0; } .fsForm .fsCell {padding:2px;} .fsSectionRow + .fsFieldRow .fs...

Read Article

CSS - Resources draft

Link to hex codes http://www.w3schools.com/tags/ref_colorpicker.asp Color picker plugin allows you to find the hex value for a color already on your site Chrome https://chrome.google.com/webstore/det...

Read Article

CSS - Mobile Version

Our forms are mobile friendly when using the link on the Publish page of the form or when embedded by using the Javascript embed code. Below is a little bit of CSS that you can copy and paste to your theme to ...

Read Article

Customizing an iFrame

The iFrame embed code will allow you to embed more than one Formstack form on a page and can also be used to avoid any conflicts that may occur with the CSS or Javascript on a website. You can find the iFrame ...

Read Article

Editing the Header & Footer

Editing the Header and the Footer of a form sends a powerful message about the purpose of your form. We have now made building and branding forms more streamlined by allowing you to easily add images to the Hea...

Read Article

Custom Form Themes and CSS

Although Formstack's Themes are a powerful way to customize your forms, sometimes you want to do something with your form that's a little off the map. That's where the Custom CSS rules come in. You can easily a...

Read Article

Themes

Paid and Trial accounts on Formstack come with the ability to choose a pre-built Theme or create your own custom Theme using our Theme builder. You can even include custom HTML and CSS on a custom Theme! The nu...

Read Article