Google Map (Sterling)

Google Map shortcode:

This shortcode allows you to add the section with Google Map shortcode on your pages.

Modern Layout:

Content Settings:

  • Map Height - Here you can add the map height.
  • Overlay Color - Please, select the color from the palette box.
  • Addresses - Here you can view and edit your address list.
  • Add item - Click on the button to add the new address.
Item setting:
  • Address - Please, enter the address.
  • Marker Image - Here you can add the image for the marker.
  • Zoom - Here you can enter zoom value.

Google Map Layout 1:

Content Settings:

  • Map Height - Here you can add the map height.
  • Overlay Color - Please, select the color from the palette box.
  • Addresses - Here you can view and edit your address list.
  • Add item - Click on the button to add the new address.
Item setting:
  • Address - Please, enter the address.
  • Marker Image - Here you can add the image for the marker.
  • Zoom - Here you can enter zoom value.- Turn on the switcher if you want to customize description typography. 
  • Title - Here you can add the title for contacts section.
  • Phone - Here we can add the phone number to the contact info.
  • Addresses - Here we can add the address information.
  • Email - Here we can add the email to the contact info.
  • Hours -  Put the hour to the block.

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

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

Karma Heading Typography:

Alignment - Select the heading alignment. 
Text Color - Select heading color from the palette.
 Alignment - Here you can select the subtitle alignment.
Typography - Select the typography for the heading.
  • Family - Select the typography fof the heading.
  • Size - Set up the heading size.
  • Weight - Select the weight of the heading.
  • Transform - Change the case of the text. 
  • Style - Select text style for the heading.
  • Decoration - Select a style for the title decoration.
  • Line-Height - Enter a line-height of the heading.
  • Letter Spacing - Enter a letter spacing of the heading.

Description Typography:

If you turn on the switcher "Use custom font for description?" in Content Settings you can customize font for the description.   
Alignment -  - Here you can select the description alignment.    
Text Color - Here you can select description color from the palette.

Typography - Select the typography for the heading.

  • Family - Select the typography fof the heading.
  • Size - Set up the heading size.
  • Weight - Select the weight of the heading.
  • Transform - Change the case of the text. 
  • Style - Select text style for the heading.
  • Decoration - Select a style for the title decoration.
  • Line-Height - Enter a line-height of the heading.
  • Letter Spacing - Enter a letter spacing of the heading.

Karma Button Settings

  • Add button? - Turn on the switcher to add the button for the current slide. If you turn on the switcher, there are the next items.

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 the skin generator.
  • Enable Full width - Turn on the switcher if you want to enable full width to the current button.

Add icon? - Turn on the switcher to add the icon for the current button.If you turn on the switcher, there are the next items:

  • Icon library - Please, select the icon library.
  • Icon font size - Enter icon font size with units. just use the number.
  • Icon position - Please, select the icon alignment.