Theme settings allow you to customize your form’s design and define default layout options, including colors, buttons, fields, and the close button.
Use Theme Settings to align your form with your brand and create a seamless, professional experience that helps increase engagement and conversions.
Form Layout
Control where and how your form appears on your site.
Display Type: Choose from Popup, Landing Page, Embedded, or Flyout. You can copy a form and switch its display type to reuse the same design across multiple formats.
Form Width: Adjust width from 300 to 1000 pixels to fit any screen size.
Background Image: Position your image to the left, right, top, or as a full background.
You can also set your image width to fill the space or fit the form's size.
Form Position: Set where the form appears on the page (e.g., center, bottom-right corner).
Forms Styles
Define the overall look of your form with corner shapes, borders, and overlay color.
Corners: Choose square, slightly rounded, more rounded, or specify a custom radius manually.
Border Width: Adjust border thickness from 0 to 60 pixels (0 px = no border).
Border Style: Select Solid, Dashed, or Dotted.
Border Color: Set using a hex code or color picker.
Overlay Color: Add a color over the form background in the Omnisend Form editor.
Buttons Settings
Customize the appearance of buttons in your form. Changes apply consistently across all instances of each button type.
Button Styles
Primary Button – Main call-to-action (e.g., Submit, Subscribe).
Secondary Button – Alternative action (e.g., No Thanks, Maybe Later).
Tertiary Button – Optional links (e.g., Learn More, Read Policy).
Button Customization Options
Corners: Square, slightly rounded, more rounded, or custom.
Background Color: Set button background color using a hex code or the color picker.
Font: Select font type and size for the button text.
Decoration: Bold, italic, or underlined text.
Text Color: Button text color.
Alignment: Left, center, or right.
Border Width: From 0 to 60 pixels.
Border Style: Select Solid, Dashed, or Dotted.
Border Color: Set border color using a hex code or the color picker.
Padding: Adjust internal spacing to control button size.
Field Settings
Customize input fields where visitors enter their information.
Field Style: Choose Boxed (fields enclosed in a visible border) or Underlined (minimal underline only).
Corners: Square, slightly rounded, more rounded, or custom radius.
Background Color: Set field background color.
Error Color: Pick the color used for error messages when validation fails.
Font: Select font type and size for text inside fields.
Decoration: Bold, italic, or underlined text.
Text Color: Color of text entered into fields.
Placeholder Color: Color of placeholder text (e.g., "Enter your email").
Label Color: Color of field labels (e.g., "Email Address").
Alignment: Left, center, or right.
Border Width, Style, Color: Control field border appearance.
Padding: Adjust internal spacing within fields.
Close Settings
Control the button your visitors use to close your form.
Close Button Color: Change the close (X) button color to match your theme.
Background: Set a background color for the close button.
Enable "Close by clicking outside the form": Allow visitors to close the form by clicking anywhere outside of it, especially useful for mobile.
Note: Close button settings are not available for Embedded and Landing Page forms.
FAQ
Can I move the close button to a different position?
No. Theme Settings only allow you to change the close button's color and background. The close button position (top-right by default) cannot be changed through Theme Settings.
Why is my button text not vertically centered?
Button text vertical centering is controlled by Padding, not just Alignment. Increase the top and bottom padding values in Buttons Settings to give text more vertical space within the button.
Can I add custom CSS to my forms?
Theme Settings provide comprehensive styling options (colors, fonts, borders, padding, alignment) but do not support custom CSS injection. If you need advanced styling beyond Theme Settings, consult your website's theme developer to apply CSS targeting Omnisend forms on your site.
Need help? Check out our additional resources or contact our Support Team for guidance! We are here 24/7 for you via in-app chat or at [email protected].