Contact Forms (Sterling)

Here you can select Layout style for  Contacts Forms block.

Content Settings:

Each layout consists of Content section:

  • Title - Add the text for the title here.
  • Use the custom font for the title? - Turn on the switch if you want to use the custom font for the title.
  • Enable underline for the title? - Turn on the switch if you want to display the underline for the title.
  • Enable smaller space after the title? - Turn on the switch if you want to display the smaller space after the title.
  • Contact Form
  • Add your form id from shortcode Contact Form 7 Plugin.
  • Border radius for fields
  • Enter border radius for fields. Value must be with unit. For example: 5px
  • Enable full width button?
  • Border radius for button
  • Enter border radius for button. Value must be with unit. For example: 5px
  • Background color for text fields
  • Border and text error color
  • Description

Typography Settings:

You can customize and edit Typography in each layout.

In order to do so, turn on the switcher where it is needed. 

Example :

Title Typography:

Alignment -  - Here you can select the title alignment.  

Text Color - Here you can select title color from the palette.
Typography items: 
  • Family - Here you can select the typography for the title;
  • Size - Here you can set up the title size;
  • Weight - Please, select the weight for the title;
  • Transform - This option allows to change the case of the text;
  • Style - Please, select text style for the title;
  • Decoration - Please, select style for the title decoration;
  • Line-Height - Here you can enter a line height for the title;
  • Letter Spacing - Here you can enter a letter spacing for the title.

The following Typographies you can customize in the same way in each layout.

  • Text Input Typography
  • Submit Typography
  • Description Typography
  • Breadcrumbs  Typography
  • Arrow Typography

Button Settings:

In section Button Settings you can customize buttons in some layouts.