Contact Info

This shortcode allows adding a section with contact information to the page.

Templates: 

Here you can choose template style for your Contact Info section (Modern, Modern with the bigger phone, Famulus Simple, Famulus Classic, Mooseoom Contact info, Moseoom contact info goryz, Noize Contact info, Noize Contact info 2, Rela minimal, Soapy Simple, Soapy Image, Soapy Two Rows, Soapy Card, Vestry Simple, Vestry Classic or Vestry Modern).

Modern Layout:

Content Settings:

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.

Type of logo - Please, select the logotype (text or logo).

Text Logo Settings:

  • Text Logo - Please, enter the text of the logo.
  • Use the custom font for the logo? - Turn on the switch if you want to use the custom font for the logo.
Image Logo Settings:
  • Choose Image - Here you can add the image for the logo.

Description - Here you can add the text for the description.

Address - Here we can add the address information.

Website - Here you can add the website URL.

Email - Here we can add the email to the contact info.

Phone - Here we can add the phone number to the contact info.

Links hover color - Please, select the color for the links hover.

Icons for item:

Add address icon? - Turn on the switch if you want to add the address icon.

  • Icon library - Please, select the icon library.
  • Icon color - Please, select the icon color from the palette box.
  • Icon font size - Enter icon font size with units. Just write the number.

Add email icon? - Turn on the switch if you want to add the email icon.

  • Icon library - Please, select the icon library.
  • Icon color - Please, select the icon color from the palette box.
  • Icon font size - Enter icon font size with units. Just write the number.

Add phone icon? - Turn on the switch if you want to add the phone icon.

  • Icon library - Please, select the icon library.
  • Icon color - Please, select the icon color from the palette box.
  • Icon font size - Enter icon font size with units. Just write the number.

Icons:

Add website icon? - Turn on the switch if you want to add the website icon.

  • Icon library - Please, select the icon library.
  • Icon color - Please, select the icon color from the palette box.
  • Icon font size - Enter icon font size with units. Just write the number.

How to customize typography you can check in Typography Settings Category:

Modern with bigger phone Layout:

Content Settings:

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.

Type of logo - Please, select the logotype (text or logo).

Text Logo Settings:

  • Text Logo - Please, enter the text of the logo.
  • Use the custom font for the logo? - Turn on the switch if you want to use the custom font for the logo.
Image Logo Settings:
  • Choose Image - Here you can add the image for the logo.

Description - Here you can add the text for the description.

Address - Here we can add the address information.

Website - Here you can add the website URL.

Email - Here we can add the email to the contact info.

Phone - Here we can add the phone number to the contact info.

Links hover color - Please, select the color for the links hover.

Icons for item:

Add address icon? - Turn on the switch if you want to add the address icon.

  • Icon library - Please, select the icon library.
  • Icon color - Please, select the icon color from the palette box.
  • Icon font size - Enter icon font size with units. Just write the number.

Add email icon? - Turn on the switch if you want to add the email icon.

  • Icon library - Please, select the icon library.
  • Icon color - Please, select the icon color from the palette box.
  • Icon font size - Enter icon font size with units. Just write the number.

Add phone icon? - Turn on the switch if you want to add the phone icon.

  • Icon library - Please, select the icon library.
  • Icon color - Please, select the icon color from the palette box.
  • Icon font size - Enter icon font size with units. Just write the number.

Icons:

Add website icon? - Turn on the switch if you want to add the website icon.

  • Icon library - Please, select the icon library.
  • Icon color - Please, select the icon color from the palette box.
  • Icon font size - Enter icon font size with units. Just write the number.

How to customize typography you can check in Typography Settings Category:

Famulus Simple Layout:

Content Settings:

Contacts:

Add item - Please, add the item to create and edit the contact info.

Item Settings: 

  • Copyright - Here you can add the copyright text;
  • Address - Please, enter the address information;
  • Add socials? - Turn on the switcher if you want to add socials icons. You can choose what socials you want to add by adding link url. This means if you don't add link url of socials it will not be displayed.

Socials Items:

  • Android - Add url to Android.
  • Apple - Add url to Apple.
  • Dribbble - Add url to Dribbble.
  • Dropbox - Add url to Dropbox.
  • Facebook - Add url to Facebook.
  • Github - Add url to Github.
  • Google - Add url to Google.
  • Instagram - Add url to Instagram.
  • Linkedin - Add url to Linkedin.
  • Pinterest - Add url to Pinterest.
  • Reddit - Add url to Reddit.
  • RSS - Add url to RSS.
  • Skype - Add url to Skype.
  • Snapchat - Add url to Snapchat.
  • Tumblr - Add url to Tumblr.
  • Twitch - Add url to Twitch.
  • Twitter - Add url to Twitter.
  • Vimeo - Add url to Vimeo.
  • Whatsapp - Add url to Whatsapp.
  • Yahoo - Add url to Yahoo.
  • Youtube - Add url to Youtube.

Use custom font for copyright? - Turn on the switcher if you want to customize the font for the copyright text.

How to customize typography you can check in Typography Settings Category:

Famulus Classic Layout:

Content Settings:

Add item - Please, add the item to create and edit the contact info.

Contacts: 

  • Title - Here you can add the title for contacts section;
  • Description - Here you can add the text for the description;
  • Location - Here we can add the information about location;
  • Phone - Here we can add the phone number to the contact info;
  • Email - Here we can add the email to the contact info;
  • Add icon? - Turn on the switcher if you want to add the icon. If you turn on you can have the next item:

Icon items:

  • Icon library - Please, select the icon library.
  • Icon font size - Enter icon font size with units. Just write a number.

Mooseoom contact info Layout:

Content Settings:

Address - Here we can add the address information.

Email - Here we can add the email to the contact info.

Phone - Here we can add the phone number to the contact info.

Links hover color - Please, select the color for the links hover.

Icons: 

Add address icon? - Turn on the switch if you want to add the address icon.

  • Icon library - Please, select the icon library.
  • Icon color - Please, select the icon color from the palette box.
  • Icon font size - Enter icon font size with units. Just write the number.

Add email icon? - Turn on the switch if you want to add the email icon.

  • Icon library - Please, select the icon library.
  • Icon color - Please, select the icon color from the palette box.
  • Align - Please, select the icon alignment.
  • Icon font size - Enter icon font size with units. Just write the number.

Add phone icon? - Turn on the switch if you want to add the phone icon.

  • Icon library - Please, select the icon library.
  • Icon color - Please, select the icon color from the palette box.
  • Align - Please, select the icon alignment.
  • Icon font size - Enter icon font size with units. Just write the number.

How to customize typography you can check in Typography Settings Category:

Mooseoom contact info goryz Layout:

Content Settings:

Address - Here we can add the address information.

Phone - Here we can add the phone number to the contact info.

Icons:

Add address icon? - Turn on the switch if you want to add the address icon.

  • Icon library - Please, select the icon library.
  • Icon color - Please, select the icon color from the palette box.
  • Icon font size - Enter icon font size with units. Just write the number.

Add phone icon? - Turn on the switch if you want to add the phone icon.

  • Icon library - Please, select the icon library.
  • Align - Please, select the icon alignment.
  • Icon color - Please, select the icon color from the palette box.
  • Icon font size - Enter icon font size with units. Just write the number.

How to customize typography you can check in Typography Settings Category:

Noize Contact Info Layout:

Content Settings:

Contacts:

Add item - Please, add the item to create and edit the contact info.

Item Settings: 

  • Background image - Choose the image for the background.
  • Title - Here you can add the title for the contacts section.
  • Address - Here you can add the address text for the current contact item.
  • Phone - Here you can add the phone number to the contact info.
  • Hour - Here you can add the information about working hours.
  • Email - Here you can add the email to the contact info.

Use custom font for title? - Turn on the switcher if you want to customize the font for the title text.

Use custom font for address? - Turn on the switcher if you want to customize the font for the address text.

Use custom font for phone? - Turn on the switcher if you want to customize the font for the phone text.

Use custom font for hour? - Turn on the switcher if you want to customize the font for the hour text.

Use custom font for email? - Turn on the switcher if you want to customize the font for the email text.

How to customize typography you can check in Typography Settings Category:

Noize Contact Info 2 Layout:

Content Settings:

Address - Here you can add the address text for the current contact item.

Phone - Here you can add the phone number to the contact info.

Email - Here you can add the email to the contact info.

Use custom font for address? - Turn on the switcher if you want to customize the font for the address text.

Use custom font for phone? - Turn on the switcher if you want to customize the font for the phone text.

Use custom font for email? - Turn on the switcher if you want to customize the font for the email text.

How to customize typography you can check in Typography Settings Category:

Rela Minimal Layout:

Content Settings:

Title - Here you can add your title text.

Type of logo - Please, select the type of logo: image or text.

Text logo items:

  • Text Logo - Add the text for the logo here.
  • Use custom font for logo? - Turn on the switcher if you want to customize the font for the text of the logo.

Image items:

  • Logo - Choose the image for the logo.

Address - Here you can add the address text for the current contact item.

Email - Here you can add the email address for the current contact item.

Phone - Here you can add the phone numbers for the current contact item.

Links hover color - Please, select the links hover color from the palette box.

Use the custom font for link? - Turn on the switch if you want to use the custom font for link text.

Use the custom font for title? - Turn on the switch if you want to use the custom font for contact title.

How to customize typography you can check in Typography Settings Category:

Soapy Simple Layout:

Content Settings:

Title - Here you can add your title text.

Use the custom font for title? - Turn on the switch if you want to use the custom font for title text.

Type of logo - Please, select the type of logo: image or text.

Text logo items:

  • Text Logo - Add the text for the logo here.
  • Use custom font for logo? - Turn on the switcher if you want to customize the font for the text of the logo.

Image items:

  • Logo - Choose the image for the logo.

Address - Here you can add the address text for the current contact item.

Email - Here you can add the email address for the current contact item.

Phone - Here you can add the phone numbers for the current contact item.

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

How to customize typography you can check in Typography Settings Category: