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;
}
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!
| Comment | File | Size | Author |
|---|---|---|---|
| #7 | 1.jpg | 107.19 KB | manoji kumar |
Comments
Comment #1
Hanscraft commentedMy 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!
Comment #2
macman91 commentedI'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.
Comment #3
truyenle commentedsame as mapmyphoto div.gmnoprint doesn't really work! Any idea!
Comment #4
miccelito commentedAccording 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
Comment #5
podarokplease provide a patch for this
Comment #6
Hanscraft commentedI don't know how to create patches unfortunately and this project has long since passed for me.
Comment #7
manoji kumar commented