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 create extra fields and display it on a Google Maps infowindow
- How to customize info window in WP Maps Pro
- How to disable Info window of a particular location in google maps
- How to show info window on Google Maps on mouse click
Related Examples:
- Parma Infowindow Skin
- Udine Infowindow Skin
- Show Infowindow on mouseover in google maps
- Acerra Infowindow Skin
- Show messages on shapes in Google Maps