Styling

App


Form

  • Form Layout

    The form layout control toggles the form between vertical and horizontal modes. Vertical mode places the submit button underneath the email input field on a new line. Horizontal mode places the submit button next to the email input field on the same line.

Email Field

  • Spacing

    The spacing between the email input field and the button.

  • Border Width

    The size of the border around the email input field.

  • Height

    The height of the email input field.

  • Border Radius

    How much curve to add to the corners of the email input field.

  • Placeholder Text

    The default text to display in the email input field.

Button

  • Width

    The width of the submit button.

  • Type

    The type of width of the submit button, pixels or percentage.

  • Height

    The height of the submit button.

  • Border Width

    The size of the border around the submit button.

  • Border Radius

    How much curve to add to the corners of the submit button.

  • Padding Top/Right/Bottom/Left

    The padding to apply to the submit button.

  • Text

    The text to display in the submit field.

Colors

  • Success Message Color

    The text color of the success message.

  • Failure Message Color

    The text color of the failure message.

  • Button Text Color

    The text color of the submit button.

  • Button Hover Text Color

    The text color of the submit button when it's hovered over.

  • Button Background Color

    The background color of the submit button.

  • Button Hover Background Color

    The background color of the submit button when it's hovered over.

  • Button Border Color

    The border color of the submit button.

  • Button Hover Border Color

    The border color of the submit button when it's hovered over.

  • Email Field Placeholder Color

    The placeholder text color of the email input field.

  • Email Field Background Color

    The background color of the email input field.

  • Email Field Hover Background Color

    The background color of the email input field when it's hovered over.

  • Email Field Focus Background Color

    The background color of the email input field when it's clicked into.

  • Email Field Border Color

    The border color of the email input field.

  • Email Field Hover Border Color

    The border color of the email input field when it's hovered over.

  • Email Field Focus Border Color

    The border color of the email input field when it's clicked into.