Is there any way to customize the close icon for a map's info bubble? It is so tiny.....
Shane
Supporter
Languages:
English (English )
Timezone:
America/Jamaica (GMT-05:00)
Hi Gian,
Thank you for getting in touch.
What you can do is try to adjust the size itself using CSS. You can change the image but because there is some default CSS applied to the icon, your image will still display the same size.
Add this custom css to your site and it should adjust the icon size.
.gm-ui-hover-effect img{
width: 31px !important;
height: 30px !important;
margin: -7px !important;
margin-top: 3px !important;
}
Please try this and let me know if it helps.
Thanks,
Shane
Hmmmmm... That's quite good! But what if I want to change the icon?
Shane
Supporter
Languages:
English (English )
Timezone:
America/Jamaica (GMT-05:00)
Hi Gian,
You will need to use custom jQuery in order to do this.
jQuery(document).ready(function(){
jQuery(".gm-ui-hover-effect img").attr("src", "my-image/url.png");
});
The above code should be able to help. You will need to replace "my-image/url.png" with the actual URL to the source image.
Thanks,
Shane
My issue is resolved now. Thank you!