Header

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

Background

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

  • Color
  • Gradient
  • Image
  • Transparent background

If you select Color, the background color of the page header will be set to a solid color, the appropriate color can be chosen from the palette.

Under "Gradient" you can select the initial color of the header background that will transition into the final color, selecting it accordingly is also available. 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

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

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

In the "Repeat" sub-item, you can reproduce the image, both full screen and vertically, horizontally. You can also adjust the X and Y shift in the "X Shift" and "Y Shift" sub-items, respectively. In the header background edit menu, a transparent background is available, i.e. there will be a form background color, click the corresponding item to select it.

Border

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:

7.png

Shadow

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

8.png

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

Font

In the menu for editing the design theme, subsections are available in the "Font" section:

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

To change the color of the font, click in the Color box on the right and select the desired color in the palette:

Alignment

In the "Alignment" subsection, you can adjust the header location:

  • Center
  • Left
  • Right

Sizes

In the "Sizes" subsection, you can adjust the width and height of the header:

And on the right, you can clearly see how the header field changes:

Indents

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

Select "Margins" and adjust the distance:

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

By adding a few dozen pixels, we've adjusted the external header indents:

Comments

Order turnkey form development

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