Applying Custom CSS to a Theme

To apply your own custom CSS to a form or report:

1. Download the Wufoo Theme Kit and create your custom CSS.
2. Host your CSS file on a PCI compliant web server and grab the link to the file.
3. In Wufoo, click Themes in the header of your account.
4. From the Theme dropdown, choose an existing theme or create a new one.
5. Click Advanced from the list of properties.
6. Enter the URL of your CSS file.
7. Click Save Theme.
8. Apply the theme to any of your forms or reports.

Hosting Your CSS File

There's no way to upload your CSS files to Wufoo, so you have to host it on your own server, or a hosting service like Dropbox.

How Custom CSS Interacts with Other Theme Settings

You can use the Theme Designer and your custom CSS together to style your form. For example, to change the button text, we recommend using the Theme Designer, rather than building this into your CSS.

If there are conflicts, rules in your custom CSS override the settings in the UI of the Theme Designer.

Previewing a Theme with Custom CSS

When you're in the Theme Designer, the live theme preview at the bottom of the page won't reflect your custom CSS. Instead, click the Preview button in the Advanced section of your theme to see an example form with all of your Theme Designer settings, and custom CSS, applied.