← Design theme

Tooltips

To enter theme editing mode, you first need to copy the theme (described here - "How do I change the design theme?"). Next, select the "Tooltips" item. So that you can adjust, you have in the settings of the element, in the "Hints" field, must be a certain text, which, when you hover over the element will be displayed. The settings are available for the form:

Background

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

  • Color
  • Gradient
  • Image
  • Transparent background

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

Background 1

Under "Gradient" you can select the initial color of the tooltip 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

Background 2

The next item 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

Background 3

Under "My Pictures" you'll have previously uploaded images, under "Gallery" you'll have standard images, and under "Upload" you can add images. In the field "Repetition" you can set how the image will be located in the element: without repetition, horizontal, vertical, reproduce. If you choose a transparent background, there will be a background color for the form:

Background 4

Border

In the menu of editing the design theme with the "Border" item in the main state, you can set

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

To go into the settings of the tooltip border, click on the slider to enable the option and select the sub-item to configure.

Background 5

Shadow

In the edit menu of your design theme, you can customize the tooltip shadow, to do this, enable the "Shadow" subitem by moving the slider. In the shadow settings you will see the following settings: shadow type (external and internal), color, shadow blur, shadow stretch, transparency and X and Y shifts:

Shadow

Font

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

  • Font(you can choose the font type)
  • Font size of the item
  • Font color of the item
  • Line Height
  • Font style (italics and bold)

Font

Sizes

In the Sizes subsection, you can set the width and height of the tooltip field:

Dimensions

Indents

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

Indentations

Comments

Create any web form
in just 3 minutes!