Contacts shortcode

Layout Settings: 

Here you can choose contacts template style. This theme includes Contacts Colo, Colo Slider 1, Colo Contacts 3 Layouts.

Colo Slider 1:

  • Use custom font for heading? - Turn on the switch if you want to customize the heading typography.
  • Icons size - Here you can set the size for the icons.
  • Use custom font for content? - Turn on the switch if you want to customize the content typography.
  • Turn on light arrows - Turn the switch on if you want to display the arrows of the slider.

Add Item - Click on the button to add a new contacts item.

Colo Contacts:

  • Heading - Here you can fill in the text for the heading.
  • Address - Here you can fill in the text for the address. 
  • Phone - Here you can fill in the phone number.
  • Phone2 - Here you can fill in the additional phone number.
  • Email - Here you can fill in the email.
  • Text before phone - Here you can fill in the text to be shown before the phone number.
  • Text before phone2 - Here you can fill in the text to be shown before the additional phone number.
  • Text before email - Here you can fill in the text to be shown before the email.

  • Change slider options? - Turn on the switch if you want to change the slider options.
  • Arrows - Turn on the switch if you want the arrows of the slider to be displayed.
  • Arrows font size - Fill in the font size fo the arrows.
  • Loop - Turn on the switch if you want the slides to loop.
  • Simulate touch - Turn on the switch if you want to have touch effect to be applicable to the slides.
  • Autoplay - Here you can set the time of each slide to stay on the screen.
  • Speed - Here you can set the time that takes slides to switch.

  • Add address icon? - Turn on the switch if you want to have the address icon.
  • Icon library - Here you can choose the library that the icon is taken from.
  • Ion Icons - Here you can choose the appropriate icon if you chose the Ion library in the previous step.
  • Icon font size - Here you can choose the font size of the icon.

You can choose the icons for the Phone and the Email the same way as for the Address.

Colo Contacts 3:

  • Use custom font for heading? - Turn on the switch if you want to customize the heading typography.
  • Use custom font for content? - Turn on the switch if you want to customize the content typography.
  • Heading - Please, fill in the heading.

Add Item - Click on the button to add a new contacts item.

Enable light version? - Turn on the switch if you want to enable the light version of the text.

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

Colo Contacts:

  • Heading - Here you can fill in the text for the heading.
  • Address - Here you can fill in the text for the address. 
  • Phone - Here you can fill in the phone number.
  • Phone2 - Here you can fill in the additional phone number.
  • Email - Here you can fill in the email.
  • Text before phone - Here you can fill in the text to be shown before the phone number.
  • Text before phone2 - Here you can fill in the text to be shown before the additional phone number.
  • Text before email - Here you can fill in the text to be shown before the email.

Text Typography:

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

Alignment - Here you can select the type of text alignment.

Typography items:

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