{"id":24994,"date":"2021-04-23T11:52:32","date_gmt":"2021-04-23T09:52:32","guid":{"rendered":"https:\/\/www.markhendriksen.com\/?p=24994"},"modified":"2021-04-23T11:52:33","modified_gmt":"2021-04-23T09:52:33","slug":"how-to-change-the-divi-gallery-thumbnail-size","status":"publish","type":"post","link":"https:\/\/www.markhendriksen.com\/how-to-change-the-divi-gallery-thumbnail-size\/","title":{"rendered":"How To Change The Divi Gallery Thumbnail Size"},"content":{"rendered":"\n<p>The Divi gallery module comes in 2 sizes for your thumbnail images. You can either choose for landscape (400x284px) or portrait (400x516px). In this tutorial, I will be covering how you can change the Divi gallery thumbnail sizes for your site.<\/p>\n\n\n\n<p>You will be learning:<\/p>\n\n\n\n<ul class=\"listsquare listsquare-single wp-block-list\"><li>How to change the Divi gallery thumbnail from landscape to portrait<\/li><li>How to make a square thumbnail image<\/li><li>How to stop Divi from cropping the gallery thumbnail images<\/li><\/ul>\n\n\n\n<h2 class=\"gb-headline gb-headline-a7f28f9e gb-headline-text\">How To Change The Divi Gallery Thumbnail From Landscape To Portrait<\/h2>\n\n\n\n<p>This one is easy to do. Open your gallery module and go to the design tab. Under Layout > Thumbnail Orientation switch to Portrait.<\/p>\n\n\n\n<div class=\"wp-block-image is-style-default\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"576\" height=\"617\" src=\"https:\/\/mk0markhendriks8nxd9.kinstacdn.com\/wp-content\/uploads\/2021\/04\/Change-Divi-gallery-thumbnail-from-landscape-to-portrait.jpg\" alt=\"Change Divi gallery thumbnail from landscape to portrait\" class=\"wp-image-24996\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/04\/Change-Divi-gallery-thumbnail-from-landscape-to-portrait.jpg 576w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/04\/Change-Divi-gallery-thumbnail-from-landscape-to-portrait-380x407.jpg 380w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/04\/Change-Divi-gallery-thumbnail-from-landscape-to-portrait-280x300.jpg 280w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/04\/Change-Divi-gallery-thumbnail-from-landscape-to-portrait-510x546.jpg 510w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/04\/Change-Divi-gallery-thumbnail-from-landscape-to-portrait-56x60.jpg 56w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/04\/Change-Divi-gallery-thumbnail-from-landscape-to-portrait-84x90.jpg 84w\" sizes=\"(max-width: 576px) 100vw, 576px\" \/><\/figure><\/div>\n\n\n\n<h2 class=\"gb-headline gb-headline-d200d1e0 gb-headline-text\">How To Make a Square Thumbnail Image<\/h2>\n\n\n\n<p>The gallery module does not come with an option for a square thumbnail. However, we can easily achieve this with a little bit of CSS.<\/p>\n\n\n\n<div class=\"wp-block-image is-style-default\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"139\" src=\"https:\/\/mk0markhendriks8nxd9.kinstacdn.com\/wp-content\/uploads\/2021\/04\/Divi-gallery-square-thumbnails.jpg\" alt=\"Divi gallery square thumbnails\" class=\"wp-image-24999\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/04\/Divi-gallery-square-thumbnails.jpg 680w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/04\/Divi-gallery-square-thumbnails-380x78.jpg 380w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/04\/Divi-gallery-square-thumbnails-300x61.jpg 300w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/04\/Divi-gallery-square-thumbnails-510x104.jpg 510w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/04\/Divi-gallery-square-thumbnails-190x39.jpg 190w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/04\/Divi-gallery-square-thumbnails-440x90.jpg 440w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/figure><\/div>\n\n\n\n<p>Open the Gallery module and go to the Advanced tab. Place in the CSS field the class <strong>mh-gallery-square<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image is-style-default\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"578\" height=\"616\" src=\"https:\/\/mk0markhendriks8nxd9.kinstacdn.com\/wp-content\/uploads\/2021\/04\/Place-a-CSS-class-in-the-Divi-gallery-module.jpg\" alt=\"Place a CSS class in the Divi gallery module\" class=\"wp-image-25001\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/04\/Place-a-CSS-class-in-the-Divi-gallery-module.jpg 578w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/04\/Place-a-CSS-class-in-the-Divi-gallery-module-380x405.jpg 380w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/04\/Place-a-CSS-class-in-the-Divi-gallery-module-281x300.jpg 281w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/04\/Place-a-CSS-class-in-the-Divi-gallery-module-510x544.jpg 510w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/04\/Place-a-CSS-class-in-the-Divi-gallery-module-56x60.jpg 56w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/04\/Place-a-CSS-class-in-the-Divi-gallery-module-84x90.jpg 84w\" sizes=\"(max-width: 578px) 100vw, 578px\" \/><\/figure><\/div>\n\n\n\n<p>Then go to Divi > Theme Options > CSS and place the following snippet:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.mh-gallery-square .et_pb_gallery_image {\n  padding-top: 100%;\n}\n\n.mh-gallery-square .et_pb_gallery_item img {\n  position: absolute;\n  height: 100%;\n  bottom: 0;\n  object-fit: cover;\n}<\/code><\/pre>\n\n\n\n<h2 class=\"gb-headline gb-headline-4b791d33 gb-headline-text\">How To Stop Divi From Cropping The Gallery Thumbnail Images<\/h2>\n\n\n\n<p>The gallery thumbnail images are automatically being cropped by Divi. We can disable this function. This means the thumbnail image aspect ratio will be used.<\/p>\n\n\n\n<p>Let me explain this.<\/p>\n\n\n\n<p>When you upload a thumbnail gallery image, this image will be cropped to 400&#215;284 this is an aspect ratio of 100:71. If you change to portrait this will be 400&#215;516 with an aspect ratio of 100:129.<\/p>\n\n\n\n<p>When we disable the cropping function we can upload any image size without being cropped. The important thing for this is that all the gallery images need to have the same aspect ratio. For example, I upload a thumbnail with a size of 400&#215;267 this is an aspect ratio of 3:2. All of your thumbnails need then to have the same aspect ratio otherwise one thumbnail will have a different height than the other thumbnails on your site. So it is fine to have different image sizes, for example, you can also upload an image with 600x400px this is also an aspect ratio of 3:2.<\/p>\n\n\n\n<p>If you need to figure out what aspect ratio you are using you can use the <a href=\"https:\/\/andrew.hedges.name\/experiments\/aspect_ratio\/\" target=\"_blank\" rel=\"noreferrer noopener\">Aspect Ratio Calculator<\/a> tool.<\/p>\n\n\n\n<p>You can use this code to stop Divi from cropping the gallery thumbnails. Place this in your child theme&#8217;s function.php file. Follow this tutorial, <a href=\"https:\/\/www.markhendriksen.com\/divi-child-theme-essential-guide\/\">how to create a blank Divi child theme<\/a> to make a child theme.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>function wpc_remove_height_cropping($height) {\n\treturn '9999';\n}\nfunction wpc_remove_width_cropping($width) {\n\treturn '9999';\n}\n\nadd_filter( 'et_pb_gallery_image_height', 'wpc_remove_height_cropping' );\nadd_filter( 'et_pb_gallery_image_width', 'wpc_remove_width_cropping' );<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">You Might Also Like&#8230;<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/www.markhendriksen.com\/how-to-change-divi-featured-image-size-for-your-blog\/\">How To Change Divi Featured Image Size For Your Blog<\/a><\/li><li><a href=\"https:\/\/www.markhendriksen.com\/best-divi-image-sizes-for-your-website\/\">Best Divi Image Sizes for Your Website<\/a><\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>The Divi gallery module comes in 2 sizes for your thumbnail images. You can either choose for landscape (400x284px) or portrait (400x516px). In this tutorial, I will be covering how you can change the Divi gallery thumbnail sizes for your site. You will be learning: How to change the Divi gallery thumbnail from landscape to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":25006,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[29],"tags":[],"class_list":["post-24994","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-divi-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.1.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How To Change The Divi Gallery Thumbnail Size | MarkHendriksen.com<\/title>\n<meta name=\"description\" content=\"Changing the Divi gallery thumbnail size is very easy to do. In this tutorial, I will be covering different methods to achieve this.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.markhendriksen.com\/how-to-change-the-divi-gallery-thumbnail-size\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Change The Divi Gallery Thumbnail Size | MarkHendriksen.com\" \/>\n<meta property=\"og:description\" content=\"Changing the Divi gallery thumbnail size is very easy to do. In this tutorial, I will be covering different methods to achieve this.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.markhendriksen.com\/how-to-change-the-divi-gallery-thumbnail-size\/\" \/>\n<meta property=\"og:site_name\" content=\"Mark Hendriksen\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/madebymarkhendriksen\" \/>\n<meta property=\"article:published_time\" content=\"2021-04-23T09:52:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-04-23T09:52:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/04\/How-to-change-Divi-gallery-thumbnail-size.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"720\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Mark Hendriksen\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mark Hendriksen\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-change-the-divi-gallery-thumbnail-size\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-change-the-divi-gallery-thumbnail-size\/\"},\"author\":{\"name\":\"Mark Hendriksen\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765\"},\"headline\":\"How To Change The Divi Gallery Thumbnail Size\",\"datePublished\":\"2021-04-23T09:52:32+00:00\",\"dateModified\":\"2021-04-23T09:52:33+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-change-the-divi-gallery-thumbnail-size\/\"},\"wordCount\":435,\"commentCount\":6,\"publisher\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-change-the-divi-gallery-thumbnail-size\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/04\/How-to-change-Divi-gallery-thumbnail-size.jpg\",\"articleSection\":[\"Divi tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.markhendriksen.com\/how-to-change-the-divi-gallery-thumbnail-size\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-change-the-divi-gallery-thumbnail-size\/\",\"url\":\"https:\/\/www.markhendriksen.com\/how-to-change-the-divi-gallery-thumbnail-size\/\",\"name\":\"How To Change The Divi Gallery Thumbnail Size | MarkHendriksen.com\",\"isPartOf\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-change-the-divi-gallery-thumbnail-size\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-change-the-divi-gallery-thumbnail-size\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/04\/How-to-change-Divi-gallery-thumbnail-size.jpg\",\"datePublished\":\"2021-04-23T09:52:32+00:00\",\"dateModified\":\"2021-04-23T09:52:33+00:00\",\"description\":\"Changing the Divi gallery thumbnail size is very easy to do. In this tutorial, I will be covering different methods to achieve this.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-change-the-divi-gallery-thumbnail-size\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.markhendriksen.com\/how-to-change-the-divi-gallery-thumbnail-size\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-change-the-divi-gallery-thumbnail-size\/#primaryimage\",\"url\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/04\/How-to-change-Divi-gallery-thumbnail-size.jpg\",\"contentUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/04\/How-to-change-Divi-gallery-thumbnail-size.jpg\",\"width\":720,\"height\":400,\"caption\":\"How to change Divi gallery thumbnail size\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-change-the-divi-gallery-thumbnail-size\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.markhendriksen.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Divi tutorials\",\"item\":\"https:\/\/www.markhendriksen.com\/divi-tutorials\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How To Change The Divi Gallery Thumbnail Size\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.markhendriksen.com\/#website\",\"url\":\"https:\/\/www.markhendriksen.com\/\",\"name\":\"Mark Hendriksen\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.markhendriksen.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.markhendriksen.com\/#organization\",\"name\":\"Mark Hendriksen\",\"url\":\"https:\/\/www.markhendriksen.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png\",\"contentUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png\",\"width\":354,\"height\":40,\"caption\":\"Mark Hendriksen\"},\"image\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/madebymarkhendriksen\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765\",\"name\":\"Mark Hendriksen\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g\",\"caption\":\"Mark Hendriksen\"},\"url\":\"https:\/\/www.markhendriksen.com\/author\/twopixels\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How To Change The Divi Gallery Thumbnail Size | MarkHendriksen.com","description":"Changing the Divi gallery thumbnail size is very easy to do. In this tutorial, I will be covering different methods to achieve this.","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:\/\/www.markhendriksen.com\/how-to-change-the-divi-gallery-thumbnail-size\/","og_locale":"en_US","og_type":"article","og_title":"How To Change The Divi Gallery Thumbnail Size | MarkHendriksen.com","og_description":"Changing the Divi gallery thumbnail size is very easy to do. In this tutorial, I will be covering different methods to achieve this.","og_url":"https:\/\/www.markhendriksen.com\/how-to-change-the-divi-gallery-thumbnail-size\/","og_site_name":"Mark Hendriksen","article_publisher":"https:\/\/www.facebook.com\/madebymarkhendriksen","article_published_time":"2021-04-23T09:52:32+00:00","article_modified_time":"2021-04-23T09:52:33+00:00","og_image":[{"width":720,"height":400,"url":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/04\/How-to-change-Divi-gallery-thumbnail-size.jpg","type":"image\/jpeg"}],"author":"Mark Hendriksen","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Mark Hendriksen","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.markhendriksen.com\/how-to-change-the-divi-gallery-thumbnail-size\/#article","isPartOf":{"@id":"https:\/\/www.markhendriksen.com\/how-to-change-the-divi-gallery-thumbnail-size\/"},"author":{"name":"Mark Hendriksen","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765"},"headline":"How To Change The Divi Gallery Thumbnail Size","datePublished":"2021-04-23T09:52:32+00:00","dateModified":"2021-04-23T09:52:33+00:00","mainEntityOfPage":{"@id":"https:\/\/www.markhendriksen.com\/how-to-change-the-divi-gallery-thumbnail-size\/"},"wordCount":435,"commentCount":6,"publisher":{"@id":"https:\/\/www.markhendriksen.com\/#organization"},"image":{"@id":"https:\/\/www.markhendriksen.com\/how-to-change-the-divi-gallery-thumbnail-size\/#primaryimage"},"thumbnailUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/04\/How-to-change-Divi-gallery-thumbnail-size.jpg","articleSection":["Divi tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.markhendriksen.com\/how-to-change-the-divi-gallery-thumbnail-size\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.markhendriksen.com\/how-to-change-the-divi-gallery-thumbnail-size\/","url":"https:\/\/www.markhendriksen.com\/how-to-change-the-divi-gallery-thumbnail-size\/","name":"How To Change The Divi Gallery Thumbnail Size | MarkHendriksen.com","isPartOf":{"@id":"https:\/\/www.markhendriksen.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.markhendriksen.com\/how-to-change-the-divi-gallery-thumbnail-size\/#primaryimage"},"image":{"@id":"https:\/\/www.markhendriksen.com\/how-to-change-the-divi-gallery-thumbnail-size\/#primaryimage"},"thumbnailUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/04\/How-to-change-Divi-gallery-thumbnail-size.jpg","datePublished":"2021-04-23T09:52:32+00:00","dateModified":"2021-04-23T09:52:33+00:00","description":"Changing the Divi gallery thumbnail size is very easy to do. In this tutorial, I will be covering different methods to achieve this.","breadcrumb":{"@id":"https:\/\/www.markhendriksen.com\/how-to-change-the-divi-gallery-thumbnail-size\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.markhendriksen.com\/how-to-change-the-divi-gallery-thumbnail-size\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.markhendriksen.com\/how-to-change-the-divi-gallery-thumbnail-size\/#primaryimage","url":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/04\/How-to-change-Divi-gallery-thumbnail-size.jpg","contentUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/04\/How-to-change-Divi-gallery-thumbnail-size.jpg","width":720,"height":400,"caption":"How to change Divi gallery thumbnail size"},{"@type":"BreadcrumbList","@id":"https:\/\/www.markhendriksen.com\/how-to-change-the-divi-gallery-thumbnail-size\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.markhendriksen.com\/"},{"@type":"ListItem","position":2,"name":"Divi tutorials","item":"https:\/\/www.markhendriksen.com\/divi-tutorials\/"},{"@type":"ListItem","position":3,"name":"How To Change The Divi Gallery Thumbnail Size"}]},{"@type":"WebSite","@id":"https:\/\/www.markhendriksen.com\/#website","url":"https:\/\/www.markhendriksen.com\/","name":"Mark Hendriksen","description":"","publisher":{"@id":"https:\/\/www.markhendriksen.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.markhendriksen.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.markhendriksen.com\/#organization","name":"Mark Hendriksen","url":"https:\/\/www.markhendriksen.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png","contentUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png","width":354,"height":40,"caption":"Mark Hendriksen"},"image":{"@id":"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/madebymarkhendriksen"]},{"@type":"Person","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765","name":"Mark Hendriksen","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g","caption":"Mark Hendriksen"},"url":"https:\/\/www.markhendriksen.com\/author\/twopixels\/"}]}},"_links":{"self":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts\/24994","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/comments?post=24994"}],"version-history":[{"count":3,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts\/24994\/revisions"}],"predecessor-version":[{"id":25005,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts\/24994\/revisions\/25005"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/media\/25006"}],"wp:attachment":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/media?parent=24994"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/categories?post=24994"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/tags?post=24994"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}