Form Themes in Quixy elevate form design beyond simple data capture — transforming it into a visually attractive, brand-aligned experience.
Themes enable you to customize the background, fonts, and field styles across your form, ensuring consistency and professionalism. These customizations can be applied globally, at the section level, or at the field level based on your design requirements.
You can configure how your form background appears by setting either a color or an image.
Customize how text elements — such as field labels and values — appear in your forms.
| Property | Description |
|---|---|
| Font Family | Choose from available font options to match your brand style. |
| Field Label Color | Define the color of the text labels for fields. |
| Field Label Size | Choose from Small, Medium, Large, or define a Custom size. |
| Field Label Style | Apply Bold or Italic formatting for emphasis. |
| Field Value Color | Set the color for data entered by users. |
| Field Value Size | Choose from predefined sizes or define a custom value. |
| Field Value Style | Apply Bold or Italic to emphasize user input. |
While form-by-form customization provides flexibility, it can be time-intensive.
Global Styles address this by letting you define reusable CSS classes that can be applied across multiple sections and elements — ensuring uniformity and efficiency.
Note
When a Global Style (CSS class) is applied, individual font and color settings are disabled to maintain consistency across elements.
To define and manage your custom CSS styles:
Once CSS classes are defined, you can map them to specific form elements:
| CSS Mapping Type | Applies to | Example Use Case |
|---|---|---|
| Title CSS Class (Section) | Section headers | Adjust font size, background color, or borders for section titles. |
| Element Label CSS Class (Field) | Field labels | Change font style, color, or spacing of field labels. |
| Element Value CSS Class (Value) | Field values | Modify text color, background, or padding for user input fields. |
For consistent styling across multiple sections, apply the same CSS classes to all relevant sections or fields.
CSS Mapping ensures your forms remains visually consistent and easy to maintain.