Font Color

  • bibu
  • bibu's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
More
1 year 2 weeks ago #11119 by bibu
bibu created the topic: 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!

Please Log in or Create an account to join the conversation.

More
1 year 1 week ago - 1 year 1 week ago #11120 by Dima
Dima replied the topic: Font Color
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.

Don't forget support my developments: post review in JED, donate ;)

Post your sites as examples into my directory
Google: forum.zhuk.cc/index.php/forum/gm-user-s-sites
Yandex: forum.zhuk.cc/index.php/forum/ym-user-s-sites
Baidu: forum.zhuk.cc/index.php/forum/bdm-user-s-sites
Last Edit: 1 year 1 week ago by Dima.

Please Log in or Create an account to join the conversation.

  • bibu
  • bibu's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
More
1 year 1 week ago #11136 by bibu
bibu replied the topic: Font Color
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!

Please Log in or Create an account to join the conversation.

More
1 year 1 week ago - 1 year 1 week ago #11137 by Dima
Dima replied the topic: Font Color
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
div.zhgm-map-default {
background-color:white;
}

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

Don't forget support my developments: post review in JED, donate ;)

Post your sites as examples into my directory
Google: forum.zhuk.cc/index.php/forum/gm-user-s-sites
Yandex: forum.zhuk.cc/index.php/forum/ym-user-s-sites
Baidu: forum.zhuk.cc/index.php/forum/bdm-user-s-sites
Attachments:
Last Edit: 1 year 1 week ago by Dima.
The following user(s) said Thank You: bibu

Please Log in or Create an account to join the conversation.

Time to create page: 0.168 seconds

Donate


Go to top