Font Color

Hello everyone,

the descriptions of my placemarks are invisible. Guess it is, because the font color of my template is white and the backcolor of the description box is white, too.

I´ve changed the hover info bubble style. If you move with the mouse over the placemark you can see, that there is white text on a transparent background.

How can I solve this Problem. Please have a look at the bottom of this article: bibuworld.de/index.php/bibu/37-gladbachs-schoene-schloesser

Thank you in advance!

Hi.
You can add your styles into your template, add into the end of css file
For example, by default map div has class name "zhgm-map-default".
You can modify styles in this div like

div.zhgm-map-default {
background-color:white;
}

or more clear for tags or classes in this div.

Hello Dima,

first of all thank you for your help.

I´m not into CSS that much. So, I understood, that I have to add something to my template.css.

By clicking on the placemarker, a infowindow opens. I found this:

google.maps.event.addListener(marker_com_content_article_37_0_1_map, 'click', function(event) {
infowindow_com_content_article_37_0_1_map.setContent(contentString_com_content_article_37_0_1_map);
infowindow_com_content_article_37_0_1_map.setPosition(latlng_com_content_article_37_0_1_map);
infowindow_com_content_article_37_0_1_map.open(map_com_content_article_37_0_1_map);
});
zhgmObjMgr_com_content_article_37_0_1_map.PlacemarkAdd(0, 0, marker_com_content_article_37_0_1_map, null);
markerCluster0 = new MarkerClusterer(map_com_content_article_37_0_1_map, [], { maxZoom: 12, imagePath: icoUtils+'m'
});

What do I have to add for example to change the font-color in this (or all) infowindow(s). Where do I find the names of the styles which I want to change?

Please give me a clue. 1000 thanks!

Hi.
You shouldn't analyze page source code (as you wrote above).
You can get CSS class names by inspecting page.
For example, in Firefox


And for example, I click Ctrl+Shift+C (in menu it is "Inspect") and select whole map div, I can see class


I mean, that you can add into template.css file at the end of file (in this case you will override styles, which is defined above your lines and which produce not expected results).
For example, background color can be overriden by adding this lines
This lines override this color for div section with "zhgm-map-default" class. It means, all nested divs will get this override, and you don't change parent div styles (for your page at all).
You can search the net for more explanation for using CSS, for example w3school site