CSS Class for Pano and Map Container Divs

Everything concerning the Wordpress/Joomla/Drupal plugins
Post Reply
User avatar
Roy Reed
Posts: 160
Joined: Thu Apr 19, 2007 10:31 am
Location: London, UK
Contact:

Tue Jun 02, 2015 6:36 pm

I think it would be a good idea to add a class to both the panorama and map container divs for the Wordpress plugin by default. This would make it much easier to add some custom CSS to make the panorama and map responsive inside a responsive layout. I've modified my test install of the plugin to use the following:

HTML

Code: Select all

<div style="width:605px; height:400px; position: relative;" class="ggpgk-pano" id="container130_125">
snipped panorama code</div>

<div style="width: 605px; height: 400px; position: relative; background-color: rgb(229, 227, 223); overflow: hidden;" class="ggpkg-map" id="mapdiv130_125">
snipped google map code</div>
CSS

Code: Select all

.ggpgk-pano, .ggpkg-map {
    width: 100% !important;
    height: 0 !important;
    padding: 0 0 61.5% 0;
    margin: 0 0 25px 0;
}
Post Reply