Advanced Form Styling Options

Advanced Style Options to help you take full control over your form’s appearance, and is available in both the Free and Pro versions of SureForms.

 Free Version: Basic Styling Options

In the Free version, you’ll find padding and border radius settings under the embedded form panel. These settings let you quickly adjust the spacing and rounding of form fields to match your website’s design.

These options are also available for Instant Forms from the Instant Form settings panel.

Pro Version: Advanced Styling

The Pro version unlocks more powerful styling options. You can select between SureForms Default and Custom styling modes:

Advanced Mode Unlocks:

With Advanced styling , the following settings become available:

• Layout Controls:
  
  • Row Gap
  • Column Gap

• Field Styling:
  
  • Background Color
  • Label Color
  • Help Text Color
  • Label Size
  • Help Text Size
  • Border Settings (color, width, radius)
  • Label Gap (space between label and input)

• Button Styling (Normal & Hover):
  
  • Text Color
  • Background Color
  • Typography
  • Padding
  • Border Settings (style, color, width, radius)

• Error Message Styling: Customize the color of validation error messages independently.
  
  • Error Text Color

• Page Break Styling: When using multi-step forms with Page Breaks, you can style the navigation buttons and apply unique hover styles to enhance user interaction.
  

• Next Text Color
• Next Background Color
• Next Border Color
• Previous Text Color
• Previous Background Color
• Previous Border Color
  

Conversational Forms Styling

For Conversational Forms, we offer tailored styling options:

• Field Sizing:
  • Label Size
  • Text Size
    
• Welcome Screen Customization:
  • Title Size
  • Message Size
    

Preview in Editor = What You See on Frontend

All styling changes you make in the editor will reflect exactly the same on the live site. No guesswork needed.