CSS Class for Pano and Map Container Divs
Posted: 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
CSS
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>Code: Select all
.ggpgk-pano, .ggpkg-map {
width: 100% !important;
height: 0 !important;
padding: 0 0 61.5% 0;
margin: 0 0 25px 0;
}