Contact Forms
This shortcode allows adding a section with contact forms to the page.
Layouts:
Here you can choose template style for your Contact Forms shortcode (Outsourceo Subscribe, Acacio Classic, Rela Classic, Moovit Subscribe, Rela Classic, Soapy Classic or Moovit Classic)
Outsourceo Subscribe Layout:
Content Settings:
Contact Form - Please, add your form id from shortcode Contact Form 7 Plugin.
Text input color - Here you can choose the color for input text from the color palette.
Placeholder color - Here you can choose the color for placeholder from the color palette.
Use custom font for valid-tip? - Turn on the switcher if you want to customize the font of the valid-tip text.
Use custom font for notices? - Turn on the switcher if you want to customize the font of the notices.
Button Settings:
Style - Here you can select the button style (dark or light).
Size - Here you can select button size (small or large).
Type - Here you can select the button type (reverse or transparent).
Box shadow - This option allows you to add the box-shadow to the button. It only works if the box-shadow is specified in skin generator.
Enable Full width? - Turn on the switcher if you want to enable the full width to the current button.
How to customize typography you can check in Typography Settings Category:
Acacio Classic Layout:
Content Settings:
Title - Please, enter the title text here.
Use the custom font for title? - Turn on the switch if you want to customize the title font.
Contact Form - Please, add your form id from shortcode Contact Form 7 Plugin.
Max inputs per row - Please, select the value of the max input per row.
Border radius for fields - Enter border-radius for fields. The value must be with the unit. For example: 5px.
Enable full width button? - Turn on the switcher if you want to display the full-width button.
Border radius for button - Enter border-radius for the button. The value must be with the unit. For example: 5px.
Button align - Please, select the button alignment. This option for not the full-width button.
Background color for text fields - Here you can choose the background color for the text fields.
Form Max width - Choose max-width for the form in px, % or VH.
Use the custom font for input text? - Turn on the switch if you want to customize the input text.
Text input color - Choose the color for the input text from the color palette.
Placeholder color - Choose the color for the placeholder from the color palette.
Button Settings:
Style - Please, select the button style.
Size - Here you can select the button size.
Type - Please, select the button type.
Box shadow - Turn on the switch if you want to display the box-shadow.
Enable Full width - Turn on the switcher if you want to enable the full width to the current button.
How to customize typography you can check in Typography Settings Category:
Rela Classic Layout:
Content Settings:
Title - Please, enter the title text here.
Use the custom font for title? - Turn on the switch if you want to customize the title font.
Contact Form - Please, add your form id from shortcode Contact Form 7 Plugin.
Border radius for fields - Enter border-radius for fields. The value must be with the unit. For example: 5px.
Button align - Please, select the button alignment. These options for not the full-width button.
Background color for text fields - Here you can choose the background color for the text fields.
Text input color - Here you can choose the color for the input text.
Placeholder color - Here you can choose the color for the placeholder.
Color error message - Here you can choose the color for the text fields.
Element tag for Title - Please, select a title tag.
Button Settings:
- Style - Please, select the button style.
- Size - Here you can select the button size.
- Type - Please, select the button type.
- Box shadow - Turn on the switch if you want to display the box-shadow.
How to customize typography you can check in Typography Settings Category:
Moovit Subscribe Layout:
Content Settings:
Contact Form - Please, add your form id from shortcode Contact Form 7 Plugin.
Background color for text fields - Here you can choose the background color for the text fields.
Border error color - Here you can choose the color for the error border.
Text input color - Choose the color for the input text from the color palette.
Placeholder color - Choose the color for the placeholder from the color palette.
Button Settings:
Style - Please, select the button style.
Size - Here you can select the button size.
Type - Please, select the button type.
Box shadow - Turn on the switch if you want to display the box-shadow. It only works if the box-shadow is specified in the skin generator.
Enable Full width - Turn on the switcher if you want to enable the full width to the current button.
Soapy Classic Layout:
Content Settings:
Contact Form - Please, add your form id from shortcode Contact Form 7 Plugin.
Max inputs per row - Please, select the value of the max input per row.
Enable Full width? - Turn on the switcher if you want to enable the full width to the current button.
Button align - Please, select the button alignment. This option is for not the full-width button.
Background color for text fields - Here you can choose the background color for the text fields.
Text input color - Here you can choose the color for input text from the color palette.
Placeholder color - Here you can choose the color for placeholder from the color palette.
Button Settings:
Style - Please, select the button style.
Size - Here you can select the button size.
Type - Please, select the button type.
Box shadow - Turn on the switch if you want to display the box-shadow. It only works if the box-shadow is specified in the skin generator.
Enable Full width - Turn on the switcher if you want to enable the full width to the current button.
Moovit Classic Layout:
Content Settings:
Title - Please, enter the title text here.
Use the custom font for title? - Turn on the switch if you want to customize the title font.
Contact Form - Please, add your form id from shortcode Contact Form 7 Plugin.
Max inputs per row - Please, select the value of the max input per row.
Border radius for fields - Enter border-radius for fields. The value must be with the unit. For example: 5px.
Button align - Please, select the button alignment. These options for not the full-width button.
Background color for text fields - Here you can choose the background color for the text fields.
Element tag for Title - Please, select a title tag.
Text input color - Here you can choose the color for the input text.
Placeholder color - Here you can choose the color for the placeholder.
Button Settings:
Style - Here you can select the button style (dark or light).
Size - Here you can select button size (small or large).
Type - Here you can select the button type (reverse or transparent).
Box shadow - This option allows you to add the box-shadow to the button. It only works if the box-shadow is specified in skin generator.
Enable Full width? - Turn on the switcher if you want to enable the full width to the current button.