Themes

You can view and change the themes from Styling > Themes

Live Forms comes with a Default Theme that uses neutral colors and work for most sites. Many of our DNN Themes also come with a matching Live Forms themes.

You can always create your own themes to match the look and feel with your DNN Theme. Simply copy the default theme and make appropriate changes to the CSS Classes as necessary. Remember to scope your CSS with the same class name as the theme name. Example: .Default is used to scope the default theme.

Note: There is no formal document that explains the CSS in detail. Creating your own theme requires working knowledge of CSS & HTML. We’re unable to assist you with creating custom themes under our Standard Support. We’ll be happy to create a custom theme for you under our paid Premium Support.

Styling

You can specify the basics here such as Font Family, Font Size, Fore Color, Background Color, Form Width, Label Width, and Label Alignment.

By default, Font Size, Form Width, and Label Width is set at 0 indicating that the theme will control these values. Similarly, the Font Family is also set to Theme.

By default, Mobile under is set to 768 which means responsive behavior will only work when device width is less than 768.