Add this to your css file and make sure to change the colors to your own schemes!

/* Change the font color in the Google Map (GMap) pop up info bubbles. */
div.gmnoprint {
color: #000;
background: #fff;
}

/* Change the link colors in the Google Map (GMap) pop up info bubbles. */
div.gmapnodelabel.gmapnodelabel-icl-class a {
color: #3879d9;
}

WARNING:

If you change the background color, it also changes the transparent color behind the zoom in buttons and credits in the Map window.

I got the information about what div my bubbles were appearing in by using Google Chrome. I right clicked on top of the pop-up window and selected "Inspect Element." On the bottom of the new window, I looked at the div squares until I found the one that was controlling ALL the links in the pop-up window. If you don't, you'll only get one link to change color, for example. This takes some try and try again effort to find the right div, but when you do, it's magic!

If you have more than one map on the site, check those after doing the above to see if they need to be specifically styled in the CSS too.

Good luck!

CommentFileSizeAuthor
#7 1.jpg107.19 KBmanoji kumar

Comments

Hanscraft’s picture

CORRECTION

My bad. Skip the second half completely about trying to find out what div you're in and just put this code in instead to control the link colors:

div.gmnoprint a {
color: #3879d9;
}

Of course, remember to change the color number to suit your needs!

macman91’s picture

Version: 6.x-1.x-dev » 7.x-1.x-dev

I've tried adding this the the drupal 7 version and nothing changes!

Can someone help me do it please I'm a newbie to Drupal.

Thanks.

truyenle’s picture

same as mapmyphoto div.gmnoprint doesn't really work! Any idea!

miccelito’s picture

According to the gmap source code (background hardcoded into gmap elements) you may rather need to use i.e. for grey background:
div.gmnoprint div { background:#ccc !important; color:#000 !important; }
I guess you need to add those !important

podarok’s picture

Version: 7.x-1.x-dev » 7.x-2.x-dev
Status: Needs review » Needs work

please provide a patch for this

Hanscraft’s picture

I don't know how to create patches unfortunately and this project has long since passed for me.

manoji kumar’s picture

StatusFileSize
new107.19 KB