{"id":1444738,"date":"2018-02-05T18:01:28","date_gmt":"2018-02-06T02:01:28","guid":{"rendered":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/photo-view-event-image-size-overflow\/"},"modified":"2018-02-05T18:01:28","modified_gmt":"2018-02-06T02:01:28","slug":"photo-view-event-image-size-overflow","status":"closed","type":"topic","link":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/photo-view-event-image-size-overflow\/","title":{"rendered":"Photo View – Event Image Size \/ overflow"},"content":{"rendered":"

Hi,
\nI am using event aggregator to import some events and their data from facebook.
\nSome organisers have not used the facebook recommended sizes by for event headers and the aggregator collects all event headers at their original size, which is fine.
\nHowever in the Photo view it shows all those different sizes and I would like to stick to the standard ratio and am trying to figure out a way so that all event images are shown with the same height and width, and instead of any images getting out of shape, have the remaining part of the image hidden…. wondering if a css with overflow hidden or something like that could work. But am a newbie so no clue.<\/p>\n

Any suggestions?<\/p>\n","protected":false},"template":"","class_list":["post-1444738","topic","type-topic","status-closed","hentry"],"yoast_head":"\nPhoto View - Event Image Size \/ overflow -<\/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\/photo-view-event-image-size-overflow\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Photo View - Event Image Size \/ overflow -\" \/>\n<meta property=\"og:description\" content=\"Hi, I am using event aggregator to import some events and their data from facebook. Some organisers have not used the facebook recommended sizes by for event headers and the aggregator collects all event headers at their original size, which is fine. However in the Photo view it shows all those different sizes and I […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/photo-view-event-image-size-overflow\/\" \/>\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\/photo-view-event-image-size-overflow\/\",\"url\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/photo-view-event-image-size-overflow\/\",\"name\":\"Photo View - Event Image Size \/ overflow -\",\"isPartOf\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\"},\"datePublished\":\"2018-02-06T02:01:28+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/photo-view-event-image-size-overflow\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/photo-view-event-image-size-overflow\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/photo-view-event-image-size-overflow\/#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\":\"Photo View – Event Image Size \/ overflow\"}]},{\"@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":"Photo View - Event Image Size \/ overflow -","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\/photo-view-event-image-size-overflow\/","og_locale":"en_US","og_type":"article","og_title":"Photo View - Event Image Size \/ overflow -","og_description":"Hi, I am using event aggregator to import some events and their data from facebook. Some organisers have not used the facebook recommended sizes by for event headers and the aggregator collects all event headers at their original size, which is fine. However in the Photo view it shows all those different sizes and I […]","og_url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/photo-view-event-image-size-overflow\/","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\/photo-view-event-image-size-overflow\/","url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/photo-view-event-image-size-overflow\/","name":"Photo View - Event Image Size \/ overflow -","isPartOf":{"@id":"https:\/\/theeventscalendar.com\/support\/#website"},"datePublished":"2018-02-06T02:01:28+00:00","breadcrumb":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/photo-view-event-image-size-overflow\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theeventscalendar.com\/support\/forums\/topic\/photo-view-event-image-size-overflow\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/photo-view-event-image-size-overflow\/#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":"Photo View – Event Image Size \/ overflow"}]},{"@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\/1444738","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\/1444738\/revisions"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/media?parent=1444738"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}