Customizing your Form

CSS - Submit Action Edits

window.location.replace("https://help.formstack.com/hc/en-us/articles/360019204312-CSS-Submit-Action-Edits"); The submit area of the form can be quickly customized by copying and pasting the CSS below to the...

Read Article

CSS - Fields Edits

window.location.replace("https://help.formstack.com/hc/en-us/articles/360019204292-CSS-Fields-Edits"); all fields ...change the label color .fsLabel { color: #aabbcc; } ...center align Form fields ...

Read Article

CSS - Header/Footer Edits

window.location.replace("https://help.formstack.com/hc/en-us/articles/360019519831-CSS-Header-Footer-Edits"); The image at the bottom of the form #fsFooterImage { width: 700px; text-align: center; } ...

Read Article

CSS - Form formatting

window.location.replace("https://help.formstack.com/hc/en-us/articles/360019204272-CSS-Form-formatting"); ...set the form's width .fsBody .fsForm {width:800px;} ...remove nearly all margins / padding ...

Read Article

CSS - Resources draft

window.location.replace("https://help.formstack.com/hc/en-us/articles/360019204252-CSS-Resources-draft"); Link to hex codes http://www.w3schools.com/tags/ref_colorpicker.asp Color picker plugin allows ...

Read Article

CSS - Mobile Version

window.location.replace("https://help.formstack.com/hc/en-us/articles/360019519811-CSS-Mobile-Version"); Our forms are mobile friendly when using the link on the Publish page of the form or when embedded by us...

Read Article

Customizing an iFrame

window.location.replace("https://help.formstack.com/hc/en-us/articles/360019204412-Customizing-an-iFrame"); The iFrame embed code will allow you to embed more than one Formstack form on a page and can also be ...

Read Article

Editing the Header & Footer

window.location.replace("https://help.formstack.com/hc/en-us/articles/360019204432-Editing-the-Header-Footer"); Editing the Header and the Footer of a form sends a powerful message about the purpose of your ...

Read Article

Custom Form Themes and CSS

window.location.replace("https://help.formstack.com/hc/en-us/articles/360019519891-Custom-Form-Themes-and-CSS"); Although Formstack's Themes are a powerful way to customize your forms, sometimes you want to...

Read Article

Themes

window.location.replace("https://help.formstack.com/hc/en-us/articles/360019204492-Themes"); Paid and Trial accounts on Formstack come with the ability to choose a pre-built Theme or create your own custom The...

Read Article