In our WP MAPS PRO plugin, you can customize infowindow with width, border color, border radius, and background color. In this tutorial, we’ll help you how to customize or change the color of infowindow.
Updates – In the 5.0.0 version, we have introduced readymade infowindow skins. It is highly recommended that use one of the readymade skins.
Customize infowindow in Google map
Step 1 Go to Add Map or Manage Maps > Edit Map.
Step 2 Scroll down to Infowindow Customization Settings section and enable the Turn On Infowindow Customization checkbox.
Step 3 Configure the infowindow height, Border Color, Border Radius, and Background Color.
Step 4 Then click Save Map. Now you’ll see infowindow color display according to your customization.
Related Tutorials:
- How to show Posts Custom Fields on Google Maps Infowindow
- How to disable Info window of a particular location in google maps
- How to display infowindow message of each location
- How to show info window on Google Maps on Mouse Hover
- How to apply beautiful skins on an info window
Related Examples:
- Acerra Infowindow Skin
- Udine Infowindow Skin
- Ojas Infowindow Skin
- Show Infowindow on mouseover in google maps
- Show messages on shapes in Google Maps