Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the powerful-docs domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /home/spectra-qa-sites/webapps/sureforms-staging-qa/wp-includes/functions.php on line 6131

Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the convertpro-addon domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /home/spectra-qa-sites/webapps/sureforms-staging-qa/wp-includes/functions.php on line 6131

Notice: Function WP_Scripts::localize was called incorrectly. The $l10n parameter must be an array. To pass arbitrary data to scripts, use the wp_add_inline_script() function instead. Please see Debugging in WordPress for more information. (This message was added in version 5.7.0.) in /home/spectra-qa-sites/webapps/sureforms-staging-qa/wp-includes/functions.php on line 6131
Advanced Form Styling Options - SureForms
|
/ Documentation /Form Styling/ Advanced Form Styling Options

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
    • Label Gap (space between label and input)
    • Border Settings (color, width, radius)
    • Box Shadow – Normal, Focus
      • Color
      • Horizontal
      • Vertical
      • Blur
      • Spread
      • Position
  • 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.

Was this doc helpful?
What went wrong?

We don't respond to the article feedback, we use it to improve our support content.

Need help? Contact Support
On this page
Scroll to Top