WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

recently my Wordpress page with Google Maps started displaying markers in an odd fashion- look!

enter image description here

The problem is- Google changed they code and added this baby into the code:

  .gm-style div {
    display: block;

Overriding the code with, let's say, display:inline-block !important; doesn't work, since a new display:block is being automatically generated by Google! (Picture below) enter image description here

The site itself is here if anyone wants a peek:

share|improve this question
up vote -1 down vote accepted

find this in file: /wp-content/themes/rentbuy/js/scripts.js

<div class="overlay-simple-marker"

… and replace it with:

<span class="overlay-simple-marker"
share|improve this answer
That did it! People layed minuses on you yet they couldn't answer the question themselves. I guess replacing div with span isn't semantically very correct, but it didn't break anything and solved the problem! Many thanks, friend! I added +1 but you're still with -1 :/ – Joonas Luik Aug 18 '13 at 16:12

Easiest way to fix this problem is to define a version in you api call, e.g.:

<script src="https://maps.google.com/maps/api/js?v=3&sensor=false" type="text/javascript"></script>
share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.