Under Theme Options > Typography  you can add a font from Google Fonts, even if that font is not available in the font list of the Xtra Theme, just write its correct name in the font name field of the StyleKit, as shown in the screenshot of the guide below.

Custom modern Google Map element, fully customizable colors, sizes, styling, pin, information, etc.

• Google API Key – This is important, You can get your API Key from Here
• Lat – Is latitude that you can find it for your address Here
• Long – Is longitude that you can find it for your address Here
• Zoom – Number of zoom on map, this works reverse mode, 14 is default
• Map size – You can set map width and height size in px
• Color scheme – Color scheme of map
• Custom color – You can set custom color scheme for google map
• Grayscale Effect? – You can also set grayscale mode for map
• Marker – If you want you can set custom market / pin image for your map
• Marker image – Set custom market image, recommended PNG format
• Info text – You can insert your office or company information and will display on marker
• Show info by default? – Display information on marker by default
• Enable mouse wheel? – Enable mouse wheel for zoom in or zoom out on map
• Hide map controls? – This will hide all map controls like zoom icons
• Advanced tab – Responsive, Animation, Parallax, etc.

Recently Google Map changed their API key’s, So please edit your google map and insert new API key.

You can get new API key here:

https://developers.google.com/maps/documentation/javascript/get-api-key

Alternative Method:

Another way for showing google map on your site is google map iframe, Go to this page: https://www.google.com/maps/

Then search your address and click on share button, Then copy embed code and in your page via page builder add Raw HTMLelement and paste embed code. Please see attachment.

• Other solution – You can purchase google map API and use Google Map element and with your API key you can show google map without iframe on your website.

Install and enable this plugin: https://wordpress.org/plugins/selfhost-google-fonts/

• Other solution – Also there are a lot of free and premium plugins for this purpose. You can go to https://wordpress.org and search in plugins directory.

Adding Google Analytics Tracking Code to your website is very easy, Locate your Tracking code: Your tracking code is located in Google Analytics under the Admin panel. Make sure you are copying all the Tracking Code and NOT the user id. Add tracking code to your site: Go to Theme Options > General Settings > Custom Codes > Before closing /head and paste your tracking code

• Other solution – Also there are a lot of free and premium plugins for adding your analytics code and see online tracking on your website dashboard. You can go to https://wordpress.org and search in plugins directory.

In the following example you can see how to disable loading of google fonts on your website with a simple filter.

Best solution is to add custom actions and filters in Child Theme functions.php file. But also you can create your own plugin and use this codes in your plugin.