{"id":1299290,"date":"2017-06-16T11:30:27","date_gmt":"2017-06-16T18:30:27","guid":{"rendered":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/force-featured-images-to-specified-size\/"},"modified":"2017-06-20T10:17:44","modified_gmt":"2017-06-20T17:17:44","slug":"force-featured-images-to-specified-size","status":"closed","type":"topic","link":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/force-featured-images-to-specified-size\/","title":{"rendered":"force featured images to specified size"},"content":{"rendered":"<p>I needed to force the calendar plug and my Divi Theme to respect the specific size of my featured image icons at 64 pixels, rather that trying to blow them up to various large sizes. To say the least, they looked less than professional when up-scaled.<\/p>\n<p>I added the following CSS code to the Divi Theme.<\/p>\n<pre><code>.tribe-events-list .tribe-events-loop .tribe-events-event-image, .search .et_pb_post a img {\r\n    max-width: 64px;\r\n}\r\n.tribe-events-list .tribe-events-event-image img {\r\n    height: auto;\r\n    width: auto;\r\n}<\/code><\/pre>\n","protected":false},"template":"","class_list":["post-1299290","topic","type-topic","status-closed","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>force featured images to specified size -<\/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\/force-featured-images-to-specified-size\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"force featured images to specified size -\" \/>\n<meta property=\"og:description\" content=\"I needed to force the calendar plug and my Divi Theme to respect the specific size of my featured image icons at 64 pixels, rather that trying to blow them up to various large sizes. To say the least, they looked less than professional when up-scaled. I added the following CSS code to the Divi [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/force-featured-images-to-specified-size\/\" \/>\n<meta property=\"article:modified_time\" content=\"2017-06-20T17:17:44+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/force-featured-images-to-specified-size\/\",\"url\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/force-featured-images-to-specified-size\/\",\"name\":\"force featured images to specified size -\",\"isPartOf\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\"},\"datePublished\":\"2017-06-16T18:30:27+00:00\",\"dateModified\":\"2017-06-20T17:17:44+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/force-featured-images-to-specified-size\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/force-featured-images-to-specified-size\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/force-featured-images-to-specified-size\/#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\":\"force featured images to specified size\"}]},{\"@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":"force featured images to specified size -","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\/force-featured-images-to-specified-size\/","og_locale":"en_US","og_type":"article","og_title":"force featured images to specified size -","og_description":"I needed to force the calendar plug and my Divi Theme to respect the specific size of my featured image icons at 64 pixels, rather that trying to blow them up to various large sizes. To say the least, they looked less than professional when up-scaled. I added the following CSS code to the Divi [&hellip;]","og_url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/force-featured-images-to-specified-size\/","article_modified_time":"2017-06-20T17:17:44+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/force-featured-images-to-specified-size\/","url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/force-featured-images-to-specified-size\/","name":"force featured images to specified size -","isPartOf":{"@id":"https:\/\/theeventscalendar.com\/support\/#website"},"datePublished":"2017-06-16T18:30:27+00:00","dateModified":"2017-06-20T17:17:44+00:00","breadcrumb":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/force-featured-images-to-specified-size\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theeventscalendar.com\/support\/forums\/topic\/force-featured-images-to-specified-size\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/force-featured-images-to-specified-size\/#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":"force featured images to specified size"}]},{"@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\/1299290","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":1,"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/1299290\/revisions"}],"predecessor-version":[{"id":1299449,"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/1299290\/revisions\/1299449"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/media?parent=1299290"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}