To enter theme editing mode, you'll first need to copy the theme (described here - "How do I change the theme design?"). Next, choose the "Elements" item. The settings are available for the form:


In the "Background" menu, you can choose a suitable background option for the form elements:

  • Color
  • Gradient
  • Image
  • Transparent background

If you select "Color" in the basic state, the background color of the element will be set to monochrome, a suitable color can be chosen from the palette.

In "Gradient" you can select the initial color of the element background, which will change into the final color and you can choose it as well. You can also adjust the direction of color transition:

  • Top down
  • Bottom up
  • From left to right
  • From right to left
  • From top left to bottom right
  • From bottom left to top right
  • From top right to bottom left
  • From bottom right to top left

The next option is Image. To add an image to your page, click the "Select Image" icon in the "Image URL" field and you will see the file manager pop up with options to select an image:

  • Gallery
  • Photobank
  • My images

Under "My Pictures" you will have previously uploaded images, under "Gallery" you will have standard images, and under "Upload" you can add images:

In the "Repetition" field you can set how the image will be positioned in the element: no repetition, horizontal, vertical, multiply. If you select a transparent background, it will be the background color of the form:

There is also a "In Focus" setting, which means that when the user enters data, the background of the item will change to the set background. The settings are similar to the normal state:

And when you enter the data, the background color of the item will be as we selected above:


In the theme edit menu, using the "Border" item in the main state, you can set:

  • border width
  • border style
  • border color
  • border rounding

To go into the frame settings, click the slider to enable the option and select the sub-item to adjust:

Border 1

In the normal state, i.e., the view of the element frame before data entry:

Border 2

And in focus, you can also configure similar settings for the frame background, which will be visible at the time of data entry:

Border 3

The focus, for example, chose 3px width black:

Since we left the width at 0 in the normal state, and after entering the data (in focus), chose black with a width of 3px, the appearance of the elements frame will look like this:

Border 5



In the edit menu of your design theme you can adjust the shadow of a form by moving the slider to the "Shadow" submenu:

Shadow 1

The following settings will be available in the shadow settings: shadow type (internal and external), shadow blur, shadow stretch, transparency, and X and Y shifts:

Shadow 2


In the design theme edit menu, subsections are available under "Font" in normal and in focus:

  • Font (you can choose the font type)
  • Size
  • Color
  • Line Height
  • Font style (italic or bold)

Font 1

In the "Color" field, you can select the color of the font by clicking on the icon on the right and choosing a color from the palette:

Font 2


In the "Alignment" subsection, you can customize the location of element names:
  • Center
  • Left
  • Right

Alignment 1

In form view, the element names are centered:

Alignment 2


You can choose the location of the element fields at the bottom and right by selecting "Placement" from the theme edit menu:

Location 1

The default field location is "From bellow", if you select "On the right" then the items will be to the right of the item name:

Location 2


To access the "Indentations" settings in the form theme editing mode, click the "indentations" subsection and you will see the internal and external indentations of the form elements available for customization:



Order turnkey form development

No time to figure out all the settings yourself? No problem!
Order web form development from us