Marker Listing Display

November 26, 2014 9:44 am Published by 12 Comments

This article covers displaying the Marker Listing on either side of the Map with WP Google Maps Pro. The Custom CSS feature discussed is available with the free version of WP Google Maps, but Marker Listings require the WP Google Maps Pro Addon. This documentation is current for WP Google Maps version 6.

Marker Listing Displayed Below the Map

WP Google Maps Pro allows you to display a Marker Listing either above or below your Map.

Some Site Owners have asked how they can display the Marker Listing to either side instead. This can be done easily with a bit of Custom CSS.

WP Google Maps allows you to add Custom CSS to your plugin settings. (See WordPress Dashboard → Maps → Settings → Advanced.)

Display Marker Listing to the Left of the Map

Scroll down to the Custom CSS text block and paste the following code:

.wpgmza_map {
float:left !important;
width: 50% !important;
}

.wpgmza_map + div {
clear:right !important;
float:left !important;
width:50% !important;
padding: 10px;
}

Then scroll down and click the Save Settings button.

Marker Listing Displayed to the Left of the Map

Display Marker Listing to the Right of the Map


This article covers displaying the Marker Listing on either side of the Map with WP Google Maps Pro. If you need further assistance, feel free to post on our Support Forums or visit our Support Desk.

Tags: , , , ,

Categorised in:

This post was written by Nick Duncan

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.