[Resolved] Change Tooltip Height

[Author]

Posts

[jeffK-4]

I am trying to: Display all information inside a tooltip without having to scroll or cause overlap.

Link to a page where the issue can be seen: hidden link

I expected to see: A full tooltip size with no scroll bar inside of it, plus content spacing that makes sense.

Instead, I got: 'Smushed' content inside the tooltip with a scrollbar suggesting the overflow needs to be taken care of in a better way. The tooltip size looks like it's ~107px tall and if I could change that to 300px or so that would solve my problem. I don't know where in the settings or CSS to change that though.

[Minesh]

Hello. Thank you for contacting the Toolset support.

Well - I need to check on your install whats causing the issue.

Additionally, before you send me access details, in order to minimize the cause of the issue and to ensure there is no conflict between any third party plugin or theme:

Could you please try to resolve your issue by deactivating all third-party plugins as well as the default theme to check for any possible conflicts with any of the plugins or themes?

If that does not help:
*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin and FTP) to your site. Preferably to a test site where the problem has been replicated if possible in order to be of better help and check if some configurations might need to be changed.

I would additionally need your permission to de- and re-activate Plugins and the Theme, and to change configurations on the site. This is also a reason the backup is really important. If you agree to this, please use the form fields I have enabled below to provide temporary access details (wp-admin and FTP).

I have set the next reply to private which means only you and I have access to it.

[Minesh]

Well - I've wrap the marker infowindow popup content with div and replaced the BR tag with P tag as given under:

<div style="width:100%;overflow:hidden;min-height:150px;">
          <h3 class="no-margin"><a href="[wpv-post-url]">[types field='hotel-name'][/types]</a><br></h3>
[types field='hotel-address'][/types]
          <p> <h4 class="no-margin">[types field='number-of-rooms' format='FIELD_VALUE'][/types] Rooms Available</h4> </p>
          <p> Amenities: [types field='hotel-amenities' separator=' '][/types] </p>
          <p><a class="button bump" href="[wpv-post-url]">Learn More</a></p>
          </div>  

I can see it looks better. Please adjust the styling as per your need.

[jeffK-4]

Worked Perfectly Thanks!