Contacts shortcode

Contact Forms shortcode:

Content Settings:

Templates - Here you can choose template style for the Contact Form.

This theme includes the Tatto Classic and Tatto Simple styles.

Tatto Classic Style:

Use custom font for heading? - Turn on the switch if you want to customize the heading font.

Use custom font for content? - Turn on the switch if you want to customize the content font.

Tatto Contacts:

Add item - Please, click on the button to add new contact.

Item Settings:

  • Element tag for Heading - Please, select a heading tag.
  • Heading - Here you can a heading text.
  • Address - Here we can add the address information.
  • Phone - Here we can add the phone number to the contact info.
  • Email - Here we can add the email to the contact info.

Enable dark style for swiper buttons? - Turn on the switcher if you want to enable dark style for swiper buttons.

Heading Typography:

Text Color - Here you can select heading color from the palette
Alignment -  - Here you can select the heading alignment.
Typography item:
  • Family - Here you can select the typography for the heading.
  • Size - Here you can set up the heading size.
  • Weight - Please, select the weight for the heading.
  • Transform - This option allows to change the case of the text. 
  • Style - Please, select text style for the heading.
  • Decoration - Please, select style for the heading decoration.
  • Line-Height - Here you can enter a line height for the heading.
Content Typography:

Text Color - Here you can select title color from the palette.

Alignment - Here you can select the title alignment.

Typography item:

  • 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 a 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.
Button Settings:

  • Layout - Please, select the button layout.
  • Name - Please, enter the button text.
  • Link - Please, add a URL to the button.
  • 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.

Tatto Simple Style:

Use custom font for heading? - Turn on the switch if you want to customize the heading font.

Use custom font for content? - Turn on the switch if you want to customize the content font.

Heading - Here you can a heading text.

Text - Add some text for contacts.

Heading Typography:
Text Color - Here you can select heading color from the palette.
Alignment -  - Here you can select the heading alignment.
Typography item:
  • Family - Here you can select the typography for the heading.
  • Size - Here you can set up the heading size.
  • Weight - Please, select the weight for the heading.
  • Transform - This option allows to change the case of the text. 
  • Style - Please, select text style for the heading.
  • Decoration - Please, select style for the heading decoration.
  • Line-Height - Here you can enter a line height for the heading.
Content Typography:

Text Color - Here you can select title color from the palette.

Alignment - Here you can select the title alignment.

Typography item:

  • 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 a 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.
Button Settings:
  • Layout - Please, select the button layout.
  • Name - Please, enter the button text.
  • Link - Please, add a URL to the button.
  • 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.