Register

Change the Field Styles of your Form

Our platform's Landing Page Designer provides you with countless options to design your landing page and make it as beautiful -and as effective- as possible. After you have selected the Structure of your landing page and added a Form element to a Container within your landing page, its settings will immediately become available on the left side of your Landing Page Designer page.

One of the options available is to edit its text Field Styles.

 

To alter your the design of your form element's text Field, scroll down the Form element settings and click on the Field Styles option to expand the menu.edit_field_styles_form_landing_page_1.png


T
he available options provide you with everything you need to adjust your Form's Field Stylesfor an absolutely perfect result.

  • Field Width
    Use the up/down arrows to select the desired width for the fields. Alternatively, you can type the desired number directly into the area next to the arrows.

  • Field Spacing
    Use the up/down arrows to select the desired spacing for the Field, which will determine the amount of space there will be above and below the Fields. Alternatively, you can type the desired number directly into the area next to the arrows.

  • Field Background Color
    Pick a background color for your Field out of a color palette.

  • Field Border Width
    Use the up/down arrows to adjust the width of the Field's border. Alternatively, you can type the desired number directly into the area next to the arrows.

  • Field Radius
    Use the up/down arrows to make your Field either more rounded, or more angular, depending on your preference. You can also type your desired radius value directly into the area next to the arrows.

  • Field Border Color
    Select any color you want for your Field's border, out of a color palette.

  • Field Font
    Select a font for your Field out of a drop-down menu.

  • Field Font Size
    Set the desired font size for your Field either by using the up/down arrows, or by typing it in directly.

  • Inner Padding
    Use the up/down arrows to choose how much padding you would like to have within your Field. Alternatively, type the desired number directly into the area next to the arrows.

  • Font Color
    Use the color palette to select a color for your Field's text.

  • Field Decorations 
    Choose between Italic, Bold, or Underlined for your Field's text.