Using Custom CSS to Style Your Forms & Reports
If you’re familiar with Cascading Style Sheets (CSS), you can link your own CSS files to a theme so you can have complete control over the look and feel of your forms and reports.
Jump to...
- Applying Custom CSS to a Theme
- Hosting Your CSS File
- How Custom CSS Interacts with Other Theme Settings
- Previewing a Theme with Custom CSS
Applying Custom CSS to a Theme |
To apply your own custom CSS to a form or report:
|
Hosting Your CSS File |
To get started, add your CSS file to File Manager. Then click the More icon and choose Get Link. If you don't host your CSS in the File Manager, you can host your file on your own server or another file hosting service. To make sure your CSS properly displays in your form, it must be hosted on a site that uses the latest version of HTTPS. |
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. |