Customizing form styles

You can customize the appearance of your public or embedded form using the Style Editor on the Publish page. When you’re finished styling your form, make sure to hit Save.

Header section.

  • Logo – Click this button to upload an image to the top of your form. The files used for the Logo must be smaller then 0.5 MB and only jpg, jpeg, png, gif, and svg files may be uploaded.
  • Layout – Change the position of the logo and title to Top and Bottom (logo is on top of title), Side by Side (logo and title are in line), Stretch (the logo stretches to fill the header), and Logo Only.
  • Background – Use the color picker to select a header background color. You also have the option to make the background transparent.
  • Alignment – Align your title/logo to the left, to the right, or in the center.
  • Title Font – Select the font type, size, weight (normal or bold), and color of your form title.
  • Hide header when embedded? – Check this box to hide the logo and title when your form is embedded into your website. The logo and title will still appear on the public form page.

Form

Enable Chameleon mode to pass through CSS from your website.

  • Field Style – Choose between different styles of form fields (Standard, Chunk, Fill, Inset, etc.)
  • Chameleon Mode – If you embed your form via the Seamless embed code, you can use the Chameleon field style to allow the styles of your webpage to apply to the form.
  • Headings, Labels, Text, Links, and Button Text – Select the font type, size, weight (normal or bold), and color of text elements on your form.
  • Button Background – Use the color picker to select the background color of buttons on your form.
  • Placeholder Text – Use the color picker to select the color of placeholder text on your form.
  • Form Background – Use the color picker to select a form background color.
  • Max Form Width – Use the slider to adjust the maximum width of your form between 200 and 2,000 pixels.

Page

  • Page Background – Use the color picker to select a page background color. You also have the option to make the background transparent.
  • Page Background Image – Click this button to upload an image to use as your page background. The files must be smaller than 2 MB and only jpg, jpeg, png, gif, and svg files may be uploaded.
  • Tile Background Image? – Check this box to tile your background image as a pattern.