Truly fine

Documentation.

Map section

Last update:

The Map section is a flexible section that gives you the ability to list one or more locations and their addresses along with useful info about each one.

Section settings

Heading: Set a title for this section. This is optional.

Sub-heading: Set a sub-heading for this section. This is optional.

Heading alignment: Choose whether you want the heading and sub-heading of this section to be left or center aligned.

Image

Image: In case you don’t wish to use a live Google Map, you can upload an image instead. If an image is uploaded, the map will be overriden.

Image link: Optionally add a link where the image will point to.

Map

Google Maps API key: To use the map section, a Google Maps API key is required. You can set one up by following Google’s documentation here. Keep in mind you’ll also need to enable the Geocoding API on your Google Cloud Console by following the official instructions here.

Map zoom level: Ranges from 0-19, the map’s zoom level dictates how much the map should zoom on your location when the location is focused. If you have only one location in your map then the zoom level also dictates the initial zoom level of the map. In case of multiple addresses the map section automatically clusters them and makes sure every location starts visible.

Layout

Container width: Select either “Wide” or “Full” for the section’s container width. Choosing “Wide” extends the section a few pixels beyond the page’s boundaries on the left and right, whereas “Full” expands the section to cover the entire width of the viewport. This setting is designed to work along with a color scheme that contrasts the base background (i.e. Accent colors or Background 2).

Colors

Use custom map colors: Enabling the option will apply the custom map colors (Foreground and Background color sections below).

Foreground / Background color: These two colors are complementary and the theme will smartly blend them together to create a color scheme for the map based on them.

Marker image: You can upload a custom image that will be used as the marker of each location on the map.

Color scheme: This applies on the map section (not the map itself). Select one of the predefined color schemes as defined in Theme settings > Colors. For more information regarding the color schemes please refer to our article about creating your own color scheme.

Section spacing

The section spacing settings give you the option to adjust the top & bottom section spacing values. Please note: If you select a color scheme with a background color, these settings will affect the spacing between the top or bottom of the section and the content of the section.

Location block

This section consists of “Location” blocks representing each location (address) in the map section, with the following settings:

Location address or coordinates: Simply type in an address (or coordinates) of the location you wish displayed on the map.

Heading: The title of the location. Will be displayed on the left sidebar of the map section.

Address label: A short description of the location, it can contain the address, contact methods, etc. By default it will also be displayed in the location’s marker info on the map itself.

Marker info: Optionally change the contents of the location’s marker info (the popup when a location marker within the map is clicked).

Can't find what you are looking for? Feel free to submit a request.