0

I have been beating myself up a lot with this problem. I can't for the life of me figure it out.

I am using Drupal 7, using the geolocation module, specifically the views part.

I am essentially trying to put a view for each node within this map view.

It works really well, however, it doesn't render in a particularly nice way for the user.

enter image description here

I am guessing that I can sort this out in css. However, I can't for the life of me figure out which div class to alter. The one that I think I want to alter is just a standard Div tag. I am sure I am missing something, but I just can't work it out. I tried altering the .balloon class, but got some weird results.

enter image description here

Thanks in advance,

Mark.

Improve this question
9
  • Where is the css being pulled from? Are there module specific tpl files? I assume you mean IP geolocation and views module.
    – nizz0k
    Commented Apr 8, 2017 at 7:32
  • Yes I am using the IP Geolocation module, specifically the views part of it.
    – mark newton
    Commented Apr 8, 2017 at 9:50
  • Right, well the module probably has a tpl file or at least loads some CSS to control the display. Once you figure out where that is you can override the styles or write your own. Poke around in the module file or check the views advanced settings, you can maybe add a CSS class to your views there style the new class
    – nizz0k
    Commented Apr 8, 2017 at 9:53
  • Yes your right about the CSS. Found 2 files. Couldn't find any .tpl files, but found a few .js files. Trying to work it out, but I am being dumb. I figure my best solution is to try and override the overflow option from hidden / auto to visible. Thanks for the help so far though...
    – mark newton
    Commented Apr 8, 2017 at 10:06
  • Can you update your post with the CSS you want to change and what you want it to look like? You can try the devel theme module to get more info about what your site is doing to display the page. Again, you should be able to assign your views a CSS class for more granular control
    – nizz0k
    Commented Apr 8, 2017 at 10:36

1 Answer 1

Reset to default
1

Having clarified this with the developer, you need to alter the ip_geoloc_gmap_multi_loc.js file at line 165. This relates to the infoWindow maxWidth setting. Essentially I have tried to increase this massively.

This sorts out the problem for me, and the developer advised me that this should not cause a problem.

I couldn't work out how to do this with css. Might be possible...but I couldn't work it out...

...hope this helps someone in the future, as it caused me quite a headache!

Thanks again for your posts,

Mark.

Improve this answer
2
  • Hey, sorry, I was out of commission for a few days. Glad you worked it out.
    – nizz0k
    Commented Apr 11, 2017 at 15:05
  • No worries. Hope that this might be of use if anyone else hits the issue...thanks for the help though ;)
    – mark newton
    Commented Aug 12, 2017 at 13:34

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.