How can i resize google maps pop-up?

HTML & CSS
1

on my site i have google maps and when somone click on a store, the store info pops up. i would like to make this pop up bigger vertically so people doesnt have to scroll as much, but i cant seem to do so. i believe the css is this part, but adding ‘height’ attribute or making the ‘width’ bigger just makes the box bigger, but the info is still contained in the same box

 .gm-style-iw {
   width: 350px !important;
   top: 0 !important;
   left: 0 !important;
   background-color: #fff;
   box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6);
   border: 1px solid rgba(72, 181, 233, 0.6);
   border-radius: 2px 2px 0 0;
}

this is the screenshot

[Album] imgur.com
2

I don’t know anything about google maps but have you tried using max-height?

div.gm-style-iw {
    max-height:250px;
}

It may be that you have to set the height through the API. You may find more pertinent information here.

3

You can display a customized popup on the map. Alternatively, use a Marker or Info Window to display the default popups. Or try it yourself.

4

The OP is asking “how”. Telling him he can do something else without explaining how isn’t really very helpful, is it…

6

Looks like a copy and paste from here:

A link to the resource would have been more helpful :slight_smile:

5 Likes
7

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.