Forum

Post edited 9:20 pm – January 24, 2010 by jdandrea@gmail.com

Greetings! I tried adding an address, which was rendered in shortcode as:

[googleMap name="The Minstrel" description="Morristown Unitarian Fellowship"]21 Normandy Heights Road, Morristown, NJ[/googleMap]

The map's annotation/callout, however, looks malformed in Safari, Firefox, and Chrome (the only three browsers I had handy on Mac OS):

Something doesn't look right after "Directions" … all the way through "Get Directions."

Clues welcome/appreciated!

- Joe

AaronCampbell said:

Usually this means that some of your CSS rules are interfering with the CSS that Google uses for it's embedded maps.

Funny you should mention that. We were previously embedding Google Maps directly, before trying this plugin, and it worked fine. See below. So if Google Maps works fine on its own (with the same WP theme, which in this case is Thesis, which I've found to be very well-behaved when it comes to CSS specificity) … is there other CSS being used by the plugin, perhaps?