Editing the CSS Used in Webforms

About this task

You can customize the CSS used in a webform by clicking the Styles button and modifying the Default CSS shown. This is a powerful tool you can use to create webforms that best represent your business or organization.

You can edit the default CSS used in webforms to add your own personal design to your webforms.

Tip: When you first view the styles for a webform, the default CSS will be displayed. You can use the default styles to gain an understanding of how the styles are structured and then begin making your own changes.

Procedure

  1. Create a new, or edit an existing, webform.
  2. Click Styles Style Webform Button.

    A window will appear containing the CSS for the webform in it's current state.

  3. Check the Use the custom stylesheet below ox to begin making edits to the CSS.

    When you check this box, a message is displayed at the bottom of the window with a link that allows you to return the stylesheet to its default state.

  4. Make any changes to the CSS.
  5. Click Preview Changes to preview your changes.

    If you want to return the stylesheet to its default state, click the link that appeared at the bottom of the window when you checked the Use the custom stylesheet below box.

  6. Click Done when you are finished.
    Webform Style Window