Skip Navigation

[Resolved] Map Marker Title Styling

This support ticket is created 7 years, 3 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Our next available supporter will start replying to tickets in about 4.80 hours from now. Thank you for your understanding.

Sun Mon Tue Wed Thu Fri Sat
- 12:00 – 17:00 12:00 – 17:00 12:00 – 17:00 12:00 – 17:00 12:00 – 17:00 -
- 18:00 – 21:00 18:00 – 21:00 18:00 – 21:00 18:00 – 21:00 18:00 – 21:00 -

Supporter timezone: Asia/Karachi (GMT+05:00)

This topic contains 3 replies, has 2 voices.

Last updated by Noman 7 years, 3 months ago.

Assisted by: Noman.

Author
Posts
#557259

Tell us what you are trying to do? Style the map marker title
Is there any documentation that you are following? Do not think any exists (in other words, no)

I think this will an easy one. As indicated in the documentation you can't add any HTML or inline CSS to that Map Marker Title. That thing is uglier than a pig without lipstick.

Surely I can put lipstick on her with some CSS. What's the CSS class for the marker TITLE container (not the pop-up) and for putting some lipstick on the title. Es fea!

I have another related question that I will open as a separate ticket so that the REFERENCE is easily searched in the forum.

Thanks, in advance.

#557283

Noman
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

Hi Kenneth,

Thank you for getting in touch with us. There is no buitin way to style that Marker Title that shows on hover. Because that title is basically passed to the browser’s native tooltip element. You may be able to replace that using some code & css class, couple of examples here:
hidden link
hidden link

More info: https://stackoverflow.com/questions/9927640/styling-native-tooltip-from-title-tooltip-text

I hope it helps, Thank you

#560627

I fiddled with that info in the links you provided on jsfiddle (no pun intended) but couldn't figure out where to put the HTML code. In the marker wizard you can't insert any HTML code. I tried putting a div inside the quotes for that title shortcode but it wouldn't allow that either. The CSS is not the issue. I just can't figure how to override the loops use of the title popup? What am I missing? Any suggestions?

#560787

Noman
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

Hello,

I have checked this further and tried to modify style of it, looks like that method is not going to work for this Title field. This is a limitation so far, I can’t find any related issue or hook for that.

You may be able to do that with Custom Javascript or some other way but I am not sure. If you would like I can submit that as feature request for further consideration to have ability to style the Maps Marker Title field, let me know. I do believe that this is a useful feature to have.

Thank you