Advice and answers from the DevIT Team help center

Content Settings

Form Fields

In this section you see an Email button. You can customize it. To customize this button, click on it and you will see available settings:

  1. Set label and placeholder (they must be similar to the name).
  2. Set column width.

Also, here you can set up:

  • Input size.
  • Labels - show or hide labels.
  • Required marks - show or hide required marks (option is available when you turn labels on).

Submit Button

Submit button has own settings:

  • Text - enter input text of the button.
  • Size - set the size of the button.
  • Column width - set the width.
  • Alignment - set button's position in the section.
  • Icon - select icon for the button. 
  • Icon position - set the icon before of after text.
  • Icon spacing - set the distance between text and icon inside the button.

Form Description

  • Write few words (rules, conditions, etc.), if you need. Edit text with simple text editor.
  • Set description's alignment.

Emails & Options

Here you can enter text of the message, that will be sent to the customer after he sent a message to you. Also, you can add a redirect URL. In this case, a message will be redirected to another page if needed.

Style Settings

Form

  • Set column and rows gap.
  • Set spacing, typography, text and mark color for Labels.
  • Set border width, typography, text, background and border color for "Success" message.

Form Description

  • Set padding of the description.
  • Choose text color.
  • Make typography settings - set size, font, style, letter spacing, etc.

Field

  • Set text color.
  • Typography - set size, font, style, letter spacing, etc.
  • Choose background color.
  • Set border color, width and radius.
  • Set text padding.

Button

for Normal position are available next settings:

  • Text and background color 
  • Typography
  • Border type and radius
  • Text padding

for Hover position are available next settings:

  • Color settings - text, background
  • Animation - set the animation for the section.

 

Advanced Settings

  1. Element Style (margin, padding, entrance appearance).
  2. Background & Border (type, radius, box shadow).
  3. Responsive (hide or show it on a desktop, tablet, mobile).

Did this answer your question?

Contact Us
Chat