Marker Listing Display

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

Marker Listing Displayed Below the Map

WP Go 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 Go 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 Go Maps Pro. If you need further assistance, feel free to post on our Support Forums or visit our Support Desk.

Leave a Reply

Your email address will not be published.

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