To enter theme editing mode, you first need to copy the theme, described here - "How do I change the design theme?" Next, select "Form". Settings are available for the form:


In the "Background" menu, you can select the type of background for the form:

  • Color
  • Gradient
  • Image
  • Transparent background

If you choose "Color" item you will set solid color of the page background, color can be chosen from palette. In "Gradient" you can choose the start color, which will change into the end color and you can choose it too. You can also adjust the direction of the 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

Background 1

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

  • Gallery
  • Photobank
  • My images

Background 2

Background 3

In the file manager in the gallery standard images are available, through the menu "upload" you can add your own images, which will be available in the tab "My images". In the sub-item "Repeat" you can reproduce the image, both in full screen, as well as vertically, horizontally. You can also adjust the X and Y shift in the "X Shift" and "Y Shift" sub-items, respectively. The page background menu offers a transparent background so you can click that to choose it:

Background 4


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

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

To access the frame settings, click the slider to enable the option (if it was disabled) and select the sub-item to adjust:

Border 1

If you go into the "Color" sub-item and click the icon on the right, you will be presented with a color selection palette where you can choose the desired color or enter it manually in the "Color" sub-item:

Border 2

In the "Transparency" setting, you can choose how transparent the frame will be. In the "Rounding" field you can adjust the degree of rounding of the frame edge of the form (0 means that the form will be rectangular).

Border 3 .


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

Shadow 1

In the shadow settings you can set the following: shadow type (internal or external), shadow blur, shadow stretch, transparency and X and Y shift:

Shadow 2

In the animation below, you can clearly see what the parameter changes affect:

Shadow 3


In the design theme edit menu, subsections are available under "Font":

  • Fields Labels
  • Fields Description
  • Answering options

In the "Item Name" subsection, you can select the font, font color, size, color, make the font italic or bold:

In the "Fields Description" subsection you can choose the font, font color, size, color of the elements description, make the font italic or bold

In the "Color" box on the right, if you click the icon, a palette with color and shade choices will open:

To access the Answer options settings, click the appropriate option:

In the Answer options subsection, you can select the font, font color, size, color for the answer choices (drop-down list and radio buttons), italicize or bold:

In the "Color" box on the right, if you click the icon, a palette with color and shade choices will open:


To access the "Indents" settings in the form theme editing mode, click on the "indents" subsection and you will see paddings and margins of the form available for customization:

In the paddings and margins indents, parameters are available for customization:

  • on the top
  • on the right
  • from bellow
  • on the left

By changing the indentation settings, you can customize the appearance of the form design theme fields:


Order turnkey form development

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