Contacts

Contacts Shortcode

This shortcode allows adding a section with contacts to the page.
Content Settings:

Templates - Here you can see template style for your Contacts shortcode - Pointe contents classic.

Pointe Contents Classic Style:

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

Add Item - Please, add the item to the Pointe Contacts.

Item Settings:

  • Element Tag for Heading - Please, select the element tag for the heading.
  • Heading - Please, enter the heading text.
  • Address - Please, enter address information.
  • Phone - Here you can enter the phone number.
  • Email - Here you can enter your contact email.
  • Add button? - Turn on the switcher if you want to add the button to the item.

Button items:

  • 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. 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.
  • Add icon? - Turn on the switcher if you want to add the icon to the current button.

Icon Items:

  • Icon library - Please, select the library with the icons.
  • Icon position - Please, select the alignment of the icon.
Heading Typography:

If you turn on the switcher "Use custom font for heading?" in Content Settings you can customize font for the heading.
Alignment -  - Here you can select the heading alignment. 
Text Color - Here you can select heading color from the palette.
Typography items: 
  • 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.

Contacts Content Typography:

If you turn on the switcher "Use contacts content typography?" in Content Settings you can customize font for the contacts content.

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

Swiper Settings:

Change swiper options? - Turn on switcher if you want to change the following swiper options:

  • Arrows - Turn on the switcher to display swiper in arrows style .
  • Pagination - Turn on the switcher to display the sliders pagination.
  • Loop - Turn on the switcher to display the loop effect.
  • Simulate Touch - Turn on the switcher if you want to enable simulate touch.
  • Autoplay - Please, enter autoplay speed(in ms). 0 - autoplay off.
  • Speed - Please, enter speed (in ms).
  • Slides count - Here you can enter the number of slides by default.
  • Slides count (lg) - Here you can enter the number of default slides on devices width <1200px.
  • Slides count (md) - Here you can enter the default slider count for devices with a width of <991px.
  • Slides count (sm) - Here you can enter the default number of slides on devices with a width of <768px.
  • Slides count (xs) - Here you can enter the default number of slides on devices with a width of <480px.
  • Spaces between slides - Here you can enter the spaces between the default slides.
  • Spaces (lg) - Here you can enter spaces between slides on devices with a width of <1200px.
  • Spaces (md) - Here you can enter spaces between slides on devices with a width of <991px.
  • Spaces (sm) - Here you can enter spaces between slides on devices with a width of <768px.
  • Spaces (xs) - Here you can enter slides between devices on widths <480px.