Search code examples
cssruby-on-railsgoogle-maps-api-3infowindowgmaps4rails2

google maps api v3 infowindow class


Using the gmaps4rails v2 gem... I have a map going. The CSS is a bit off for it, and I'm wondering if anyone knows how to target a specific div in the map to either add a class, or change the styling.

enter image description here

So, I know which div I have to adjust... and I was able to add border-radius and change the height from 94 to 96. I just don't know how to select it...

If it helps... the div directly beneath the div I need to select is the div that has the actual infowindow information in it.

Update As for part of the issue... Methinks bootstrap is playing a role:

media="all"
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

Solution

  • #map {
      div[style*="z-index: 106"] * {
        @include border-radius( 4px );
      }
    }
    

    BOOM!