{"id":169441,"date":"2014-05-21T13:38:24","date_gmt":"2014-05-21T20:38:24","guid":{"rendered":"https:\/\/tri.be\/support\/forums\/topic\/venue-map-size-aspect-ratio\/"},"modified":"2014-09-04T19:44:32","modified_gmt":"2014-09-05T02:44:32","slug":"venue-map-size-aspect-ratio","status":"closed","type":"topic","link":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/venue-map-size-aspect-ratio\/","title":{"rendered":"Venue Map Size \/ Aspect Ratio"},"content":{"rendered":"

Hi,
\nWondering how to change the behavior of the Google map sizing that shows up on a single Event page along with the ‘Details’ info? I see that when the Venue\/map info displays along with ‘Details’ in the single box, the map is set to be square with the width of the parent DIV (.tribe-events-meta-group-gmap) determining the overall dimensions. By default, the map is a fairly tiny square with the other info columns wasting a lot of unused space.<\/p>\n

But when there is ‘Organizer’ info to display as well, the Venue info and map get pushed to their own box and the map is displayed as a horizontal rectangle instead of a square, filling the space much better.<\/p>\n

– Is there a function or something that could be modified to just get the ‘rectangular’ sizing of the map in all cases, even when it’s displayed in the single box with the ‘Details’ info?<\/p>\n

This would allow me to style the typical Details box so the map filled the space better and the Details and Venue information could be in much narrower columns. We rarely add ‘Organizers’, so there is usually the one box with the details & map. Currently when I make the ‘Details’ & ‘Venue’ columns narrower and increase the width of the Map container, the map gets way too big since it scales as a square.<\/p>\n

Thanks!<\/p>\n","protected":false},"template":"","class_list":["post-169441","topic","type-topic","status-closed","hentry"],"yoast_head":"\nVenue Map Size \/ Aspect Ratio -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/venue-map-size-aspect-ratio\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Venue Map Size \/ Aspect Ratio -\" \/>\n<meta property=\"og:description\" content=\"Hi, Wondering how to change the behavior of the Google map sizing that shows up on a single Event page along with the ‘Details’ info? I see that when the Venue\/map info displays along with ‘Details’ in the single box, the map is set to be square with the width of the parent DIV (.tribe-events-meta-group-gmap) […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/venue-map-size-aspect-ratio\/\" \/>\n<meta property=\"article:modified_time\" content=\"2014-09-05T02:44:32+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/venue-map-size-aspect-ratio\/\",\"url\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/venue-map-size-aspect-ratio\/\",\"name\":\"Venue Map Size \/ Aspect Ratio -\",\"isPartOf\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\"},\"datePublished\":\"2014-05-21T20:38:24+00:00\",\"dateModified\":\"2014-09-05T02:44:32+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/venue-map-size-aspect-ratio\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/venue-map-size-aspect-ratio\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/venue-map-size-aspect-ratio\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/theeventscalendar.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Topics\",\"item\":\"https:\/\/theeventscalendar.com\/support\/topics\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Calendar Products\",\"item\":\"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Events Calendar PRO\",\"item\":\"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/events-calendar-pro\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Venue Map Size \/ Aspect Ratio\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\",\"url\":\"https:\/\/theeventscalendar.com\/support\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/theeventscalendar.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Venue Map Size \/ Aspect Ratio -","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/venue-map-size-aspect-ratio\/","og_locale":"en_US","og_type":"article","og_title":"Venue Map Size \/ Aspect Ratio -","og_description":"Hi, Wondering how to change the behavior of the Google map sizing that shows up on a single Event page along with the ‘Details’ info? I see that when the Venue\/map info displays along with ‘Details’ in the single box, the map is set to be square with the width of the parent DIV (.tribe-events-meta-group-gmap) […]","og_url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/venue-map-size-aspect-ratio\/","article_modified_time":"2014-09-05T02:44:32+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/venue-map-size-aspect-ratio\/","url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/venue-map-size-aspect-ratio\/","name":"Venue Map Size \/ Aspect Ratio -","isPartOf":{"@id":"https:\/\/theeventscalendar.com\/support\/#website"},"datePublished":"2014-05-21T20:38:24+00:00","dateModified":"2014-09-05T02:44:32+00:00","breadcrumb":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/venue-map-size-aspect-ratio\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theeventscalendar.com\/support\/forums\/topic\/venue-map-size-aspect-ratio\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/venue-map-size-aspect-ratio\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/theeventscalendar.com\/support\/"},{"@type":"ListItem","position":2,"name":"Topics","item":"https:\/\/theeventscalendar.com\/support\/topics\/"},{"@type":"ListItem","position":3,"name":"Calendar Products","item":"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/"},{"@type":"ListItem","position":4,"name":"Events Calendar PRO","item":"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/events-calendar-pro\/"},{"@type":"ListItem","position":5,"name":"Venue Map Size \/ Aspect Ratio"}]},{"@type":"WebSite","@id":"https:\/\/theeventscalendar.com\/support\/#website","url":"https:\/\/theeventscalendar.com\/support\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/theeventscalendar.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/169441","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/169441\/revisions"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/media?parent=169441"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}