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 info window on Google Maps on Mouse Hover
- How to show Posts Custom Fields on Google Maps Infowindow
- How to show info window on Google Maps on mouse click
- How to display infowindow message of each location
- How to display extra field value as clickable link inside infowindow or listing
Related Examples:
- Fano Infowindow Skin
- Infowindow customization
- Show messages on shapes in Google Maps
- Acerra Infowindow Skin
- Ojas Infowindow Skin