direct clicking on icon

hi,
well in order to satisfy the need of my client, I managed to hide address and description (by css display:none), is there a mean to reduce the height of the bubble, to make easier to click on link ?
https://www.riviera-apartments.com/en/visits

Hi,

I’m sorry for delay, had not received the notification for this ticket.

In the “/wp-content/plugins/codepeople-post-map/styles/cpm-styles.css” file, you simply should edit the class definition:

.cpm-infowindow .cpm-content

and reduce the heigh attribute.

Tip: It is recommended to clear the browser’s cache after edit the online files.

Best regards.

hello,
i tried to reduce height to 1px on that css, and cleared the cache , but it remains a litte blank bubble (30px r so).

Hi,

If you are trying to set the height of the infowindows to 1px, is maybe because you want hide them. To hide the infowindows you simply should untick the settings option to display the infowindows.

Best regards.

Well,as i wrote in the first question, i would like to click directly on the icon, and when i untick the settings option, we cannot click on the icon to open the associated post

Hi,

In this case should be edited the plugin’s code. Please, follow the steps below:

1. Go to the settings page of the plugin and untick the options: “Show info bubbles”, and “Display a bubble by default”

2. Open the “/wp-content/plugins/codepeople-post-map/js/cpm.js” file with the text editor your choice.

3. Go to the snippet of code:

google.maps.event.addListener(marker, ‘click’, function(){ me.open_infowindow(this); });

and replace it by:

google.maps.event.addListener(marker, ‘click’, function(){ document.location = $( me.data.markers[ this.id ].info ).find( ‘a’ ).attr( ‘href’ ); } );

4. Finally, clear your browser’s cache, and test your website again.

Best regards.

It works fine ! thank you very much !