Using your own CSS offers infinite flexibility in form design, layout and theming. Using CSS, you can impact positioning and styling on most Components, in addition to overriding default styling behaviors if desired. Note that while it may be possible to alter the core styles of GlobalForms itself, this is not recommended or supported. If you want to impact core components, you should override the default styles with your own classes.
Deploy CSS Files
To add your own CSS to a form:
...
By placing the CSS in the viewer's base directory, the styles will only be applied to forms loaded for viewing / completion by end users. The form designer will not display the styles. This is the best practice when working with custom styles on a form. Applying custom styles in the designer can impact your ability to work effectively with components in design mode and is discouraged.
Assigning Styles To Components
Almost every GlobalForms component has a "CSS Class" property on it's Display tab. To apply custom styles to a specific component, specify the class name in the CSS Class property. In the example below form a Text Component, the CSS class called firstName is being referenced.
...