Description text not scrolling

[[email protected]]

Hi. I have created a map and some markers however the descripton text is not scrolling and is instead overflowing outside the marker box. Can someone help with why this might be please?

Attachments:

You must be logged in to view attached files.

[SupportTeam]

Hi Steven,

Thank you for getting in touch with us.

When I went to your site and it appears that you are using another Maps plugin on it. If you are just adding a temporary plugin for the map, please can you switch back to ours and I will try to generate some CSS for you to keep the text in the InfoWindows?

If you are using another plugin besides WP Google Maps, please let me know which plugin and I will be happy to find their contact details and send them through for you?

Thank you for your time in this matter.

[[email protected]]

Hi Nathan and thanks for your reply. I have switched plugin back to yours and would very much appreciate your taking another look.I have also attached a couple of screenshots which might help you?

Regards

Steven

Attachments:

You must be logged in to view attached files.

[[email protected]]

Hi again Nathan. Another question was where can I format the content of the marker? Font, spacing etc.

S

[SupportTeam]

Hi Steven,

Thank you for getting back to me on this.

Could you please try adding this CSS to the Maps->Settings->Advanced Tab->Custom CSS box –

div.wpgmza_markerbox.scrollFix {
overflow: auto !important;
height: 353px !important;
}

This should help the issue with the InfoWindow to show properly with the scroll bars.

If you want to edit the InfoWindow itself you can use this CSS below –

To alter only the Title of your Marker –
p.wpgmza_infowindow_title {
color: #c231c2;
}

To alter only the Address of your Marker –
p.wpgmza_infowindow_address {
color: #ff0000;
}

To alter All text in the marker –
div.wpgmza_markerbox.scrollFix p {
color: #0f2dc4;
}

You can then just use font-family and line-spacing (whatever CSS you need) to change the elements.

Please let me know it this helps on your site?

Thank you for your time in this.

[[email protected]]

That’s great Nathan – thanks! As I am not a coder at all could you please supply CSS to change the following also:
Image – float left
Image – constrain dimensions
Marker box – drop shadow behind

Marker is set to open on hover at the minute but I would like it to close automatically when the user moves the cursor away – is that possible?

Thanks again

Steven

[SupportTeam]

Hi Steven,

It is a pleasure to help you in this.

For the image to float left and constraining the image dimensions –
img.wpgmza_infowindow_image {
float: left !important;
max-height: 100px !important;
max-width: 100px !important;
}

For the Box Shadow, there is no way without altering the code of the plugin to set the whole InfoWindow box shadow, but you can use the following CSS to try to see the effect –

.gm-style-iw {
box-shadow: 0px 0px 10px 10px #888888;
margin-left: 3px !important;
}

As for closing the InfoWindow after leaving the window, that would require altering the plugin code and as such there is no protection against updates to the plugin and you would have to make these changes after each update. Would you be happy with this?

Thank you for your time in this

[[email protected]]

Thanks again Nathan. I would be happy to alter the code to achieve the drop shadow and get the info window to close automatically on mouse off.

Steven

[SupportTeam]

Hi Steven,

Thank you for getting back to me on this.

Please can you send through temporary admin details to your site as a Private response in the forum and a developer will take a look at getting these things on your site.

Thank you for your time in this.

[[email protected]]

Thanks Nathan, Could you just supply code / instructions as I am not sure until I see the effect whether to go with it or not. I am happy to change / add to plugin code (with instructions) myself.

Thanks

Steven

[SupportTeam]

Hi Steven

To close the info window upon the mouse exiting it, please go to wp-google-maps-pro/js/core.js, scroll down to line 2125 and add in the following code:

google.maps.event.addListener(marker, ‘mouseout’, function(evt) {
clearLocations();
});

Does this help at all?

[[email protected]]

Thanks for that Jarryd. Unfortunately it doesn’t seem to make any difference. The core js seems to be ‘inactive’ I tried changing the ‘closeclick’ function to ‘mouseout’ but that made no difference either. What am I doing wrong??

Steven

Attachments:

You must be logged in to view attached files.

[SupportTeam]

This reply has been marked as private.

[SupportTeam]

This reply has been marked as private.

[Author]

Posts