How to apply beautiful skins on an info window | WP Maps Pro

15000+ live websites are using this google maps wordpress plugin.

How to apply beautiful skins on an info window

In our updated version 5.0.0 the plugin, we have added several skins that are applied on a Location infowindow very easily. We have also provided an editor which is very useful for customizing the info window content like Fonts Family, Font Style, Alignment, Font Color, Font Size, Font Color, etc similarly you can manage info window by applying your custom margin, and padding and choose a background color or any image as a background. This package makes the plugin more powerful. In this tutorial we’ll help you to apply skins on a Location Info window and customize it using Editor.

How to Apply skin on a Location Infowindow

Step 1: Go to Add Map or Manage Maps > Edit Map.

Step 2: Scroll down to Infowindow Message for Locations section and Choose the skin.

Skins Infowindow

Step 3: On the left side, you can modify the HTML structure, add new content, and use placeholders to show extra fields. Click on Apply Changes to preview the changes.

Edit Infowindow Contents

Step 4: Click Save Map and see the changes.

 

Related Tutorials:

Related Examples:

Was this article helpful?
YesNo

Install Plugin Now!

Buy this plugin exclusively on CodeCanyon! You’ll get free updates, full support, and if you’re not satisfied, we’ve got you covered with a 30-day money-back guarantee.