Welcome to WebmasterWorld Guest from 54.145.104.199

Forum Moderators: phranque

Message Too Old, No Replies

How to change bg color in Google Maps' balloon (infowindow)?

Joomla Google Maps

     
9:35 pm on Aug 3, 2012 (gmt 0)

5+ Year Member



Hello!

There're zillions of articles about it, but almost nothing is a simple and step-by-step guide. Somehow I managed to figure out most of functions of Googlemaps Plugin (Joomla extension). What I got you can see here:

[repetitorov.com...]

Here's the code that I use:

{mosmap text='<div style="text-align:center"><b>&#1053;&#1072;&#1096; &#1072;&#1076;&#1088;&#1077;&#1089;:</b>
71252, &#1075;. &#1058;&#1077;&#1083;&#1100;-&#1040;&#1074;&#1080;&#1074;,
&#1091;&#1083;. &#1040;&#1088;&#1083;&#1086;&#1079;&#1086;&#1088;&#1086;&#1074; 225-&#1041;,
2-&#1081; &#1101;&#1090;&#1072;&#1078;, &#1086;&#1092;&#1080;&#1089; 25
<a href="http://www.kotkovski.com"=linkTarget title="&#1053;&#1072; &#1075;&#1083;&#1072;&#1074;&#1085;&#1091;&#1102;">www.kotkovski.com</a>

<img src="http://www.repetitorov.com/images/contactformTA1.png" width="283&#8243; height="250&#8243; />'}

It's all nice...but I can't figure out how to change background color of the balloon (infowindow) from #fff to #ebf3fb (it's a color of page's sheet to match it better).
I don't care whether it's a JS or a CSS-based solution, as long as it's easy to implement in Joomla!.

The weirdest part is that when I open Firebug, it shows that the lowest part in the middle of the balloon (the one that connects the balloon to the marker) doesn't belong to the same div style!
6:00 pm on Aug 4, 2012 (gmt 0)

5+ Year Member



Cyrillic encoding doesn't show itself correctly, so I'll just put some dummy text instead to make it more readable.


{mosmap text='<div style="text-align:center"><b>qwerty</b>
qwerty
<a href="http://www.kotkovski.com"=linkTarget title="qwerty">www.kotkovski.com</a>

<img src="http://www.repetitorov.com/images/contactformTA1.png" width="283px; height="250px; />'}
6:04 pm on Aug 4, 2012 (gmt 0)

5+ Year Member



{mosmap text='<strong>div style="text-align:center"</strong>qwerty<br />href="http://www.kotkovski.com"=linkTarget title="qwerty"&gt;www.kotkovski.com<br /><br /><strong>img src="http://www.repetitorov.com/images/contactformTA1.png" width="283&#8243; height="250&#8243; /&gt;</strong>'}
6:05 pm on Aug 4, 2012 (gmt 0)

5+ Year Member



Hmm...still not so well. I wonder how to paste the code the right way...
 

Featured Threads

Hot Threads This Week

Hot Threads This Month