customize style of InfoWindow

Hi,

I’ve been able to tweak your code which enables me to change the style of the InfoWindow, here is an example:

https://asvanykincs.hu/map/

Basically, the functions.js has been changed with this code:

openInfoWindow : function( map, marker, infoWindowContent )
{
$.bgmp.infoWindow.setContent( infoWindowContent );
$.bgmp.infoWindow.open( map, marker );

// TWEAKING THE INFOWINDOW STYLE

// Reference to the DIV that wraps the bottom of infowindow
var iwOuter = $(‘.gm-style-iw’);

/* Since this div is in a position prior to .gm-div style-iw.
* We use jQuery and create a iwBackground variable,
* and took advantage of the existing reference .gm-style-iw for the previous div with .prev().
*/
var iwBackground = iwOuter.prev();

// Removes background shadow DIV
iwBackground.children(‘:nth-child(2)’).css({‘display’ : ‘none’});

// Removes white background DIV
iwBackground.children(‘:nth-child(4)’).css({‘display’ : ‘none’});

Probelem is that when scroll(zoom) action happens the tweaked options are lost and the original rules are coming back; if click happens again the new code fires. What could we do to overcome the problem?

Thanks,
Dave

https://www.ads-software.com/plugins/basic-google-maps-placemarks/