Welcome to WebmasterWorld Guest from 54.159.44.227

Forum Moderators: phranque

Message Too Old, No Replies

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

Joomla Google Maps

     

abrodski

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!

abrodski

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; />'}

abrodski

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>'}

abrodski

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