Search Knowledge Base Articles

Form Custom CSS Setting in Marketing Automation

Form Custom CSS

Purpose

The Form Custom CSS screen allows administrators to apply custom CSS styling to Forms used within Thulo Marketing Automation.

This feature provides additional control over the appearance and layout of forms that collect Lead and Customer information. Custom CSS can be used to modify form elements such as colors, fonts, spacing, borders, buttons, labels, and overall design to match an organization's branding requirements.

Custom CSS affects only the visual presentation of forms and does not change form functionality or data collection behavior.

Create

To configure Custom CSS for Forms:

  1. Navigate to Marketing Automation → Settings → Form Custom CSS.

  2. Enter the required CSS code in the editor.

  3. Review the styling rules for accuracy.

  4. Click Save.

The custom styling will be applied to Forms that use the Marketing Automation form builder.

View

To view the current Form Custom CSS configuration:

  1. Navigate to Marketing Automation → Settings → Form Custom CSS.

  2. Review the existing CSS code.

  3. Verify the configured styles and formatting rules.

Edit

To modify Form Custom CSS:

  1. Navigate to Marketing Automation → Settings → Form Custom CSS.

  2. Update the CSS code as required.

  3. Click Save.

Changes will be applied to form displays after the updated CSS is loaded.

Field Descriptions

Field Description
Custom CSS CSS code used to customize the appearance of Marketing Automation forms.

Workflow Rules

Form Styling

The Custom CSS configuration is used to control the visual appearance of form components, including:

  • Form containers

  • Input fields

  • Text areas

  • Dropdown lists

  • Checkboxes

  • Radio buttons

  • Labels

  • Buttons

  • Validation messages

  • Form layouts

CSS Application

When a form is displayed:

  1. The system loads the form structure.

  2. The configured Custom CSS is applied.

  3. The form is rendered using the customized design.

Branding Consistency

Custom CSS can be used to:

  • Match company branding guidelines

  • Customize colors and typography

  • Improve user experience

  • Create consistent styling across multiple forms

Important Notes

  • Custom CSS affects only the appearance of forms and does not modify form functionality.

  • Incorrect CSS code may cause unexpected display issues.

  • It is recommended to test form layouts after updating CSS.

  • CSS changes are applied globally to forms that use the Marketing Automation form rendering engine.

  • Users should have knowledge of CSS before modifying the configuration.

  • Always validate custom CSS before deploying changes to production environments.

  • Custom CSS can be updated at any time without affecting existing form submissions or collected data.

Did you find this article useful?

Related Articles

';