{"id":31826,"date":"2014-01-21T08:31:09","date_gmt":"2014-01-21T13:31:09","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=31826"},"modified":"2017-09-07T05:22:12","modified_gmt":"2017-09-07T09:22:12","slug":"wordpress-how-to-change-slideshow-format-post-images-dimensions","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/wordpress-how-to-change-slideshow-format-post-images-dimensions.html","title":{"rendered":"WordPress. How to change Slideshow format post images dimensions"},"content":{"rendered":"<p>\r\n<\/p>\r\n<p>This tutorial shows how to change Slideshow post gallery dimensionsin WordPress templates.<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=ppQ-7seJFbY?width=1280&amp;height=720\" rel=\"prettyPhoto\">WordPress. How to change Slideshow format post images dimensions<\/a><\/p>\r\n<div class=\"inline-banner\">\r\n<a href=\"https:\/\/www.templatemonster.com\/service-center\/\">\r\n<img src=\"\/help\/files\/banners\/inline\/Banner-3-(835-x100).jpg\" \/>\r\n<\/a>\r\n<\/div>\r\n<ol>\r\n<li>\r\n<p>Check the image size using a developer tool, for example Firebug (for Mozilla Firefox). You can find information on how to use Firebug in this <a href=\"\/help\/firebug-mozilla-firefox-plugin.html\">tutorial<\/a>.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2013\/12\/WordPress_How_to_change_Slideshow_post_gallerydimensions-1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2013\/12\/WordPress_How_to_change_Slideshow_post_gallerydimensions-1-300x162.png\" alt=\"WordPress_How_to_change_Slideshow_post_gallerydimensions-1\" width=\"300\" height=\"162\" class=\"aligncenter size-medium wp-image-31827\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/12\/WordPress_How_to_change_Slideshow_post_gallerydimensions-1-300x162.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/12\/WordPress_How_to_change_Slideshow_post_gallerydimensions-1-150x81.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/12\/WordPress_How_to_change_Slideshow_post_gallerydimensions-1-1024x555.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/12\/WordPress_How_to_change_Slideshow_post_gallerydimensions-1.png 1258w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<\/li>\r\n<li>\r\n<p>We can see that this image is 650x400px. You can <strong>change<\/strong> its size in the <strong>\\includes\\theme-function.php<\/strong> file. First of all, you should check if this file is available in the child theme. It is not available in this template&#8217;s child theme in the includes folder. We need to copy this file from the Parent theme (CherryFramework). Copy the <strong>CherryFramework\\includes\\theme-function.php<\/strong> file and upload it to the <strong>themeXXXXX\\includes\\<\/strong> folder (XXXXX is your template number).<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2013\/12\/WordPress_How_to_change_Slideshow_post_gallerydimensions-2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2013\/12\/WordPress_How_to_change_Slideshow_post_gallerydimensions-2-300x168.png\" alt=\"WordPress_How_to_change_Slideshow_post_gallerydimensions-2\" width=\"300\" height=\"168\" class=\"aligncenter size-medium wp-image-31828\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/12\/WordPress_How_to_change_Slideshow_post_gallerydimensions-2-300x168.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/12\/WordPress_How_to_change_Slideshow_post_gallerydimensions-2-150x84.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/12\/WordPress_How_to_change_Slideshow_post_gallerydimensions-2-1024x573.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/12\/WordPress_How_to_change_Slideshow_post_gallerydimensions-2.png 1273w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<\/li>\r\n<li>\r\n<p>We have uploaded the <strong>theme-function.php<\/strong> file to the child theme. Open this file in an editor. Search for the appropriate part of code using the image height or width value. In our case it is 650:\r\n    <\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2013\/12\/WordPress_How_to_change_Slideshow_post_gallerydimensions-3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2013\/12\/WordPress_How_to_change_Slideshow_post_gallerydimensions-3-300x173.png\" alt=\"WordPress_How_to_change_Slideshow_post_gallerydimensions-3\" width=\"300\" height=\"173\" class=\"aligncenter size-medium wp-image-31829\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/12\/WordPress_How_to_change_Slideshow_post_gallerydimensions-3-300x173.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/12\/WordPress_How_to_change_Slideshow_post_gallerydimensions-3-150x86.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/12\/WordPress_How_to_change_Slideshow_post_gallerydimensions-3-1024x591.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/12\/WordPress_How_to_change_Slideshow_post_gallerydimensions-3.png 1263w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<\/li>\r\n<li>\r\n<p>Change the height. We have set the 200 value. Save the changes and upload the modified file.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2013\/12\/WordPress_How_to_change_Slideshow_post_gallerydimensions-4.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2013\/12\/WordPress_How_to_change_Slideshow_post_gallerydimensions-4-300x189.png\" alt=\"WordPress_How_to_change_Slideshow_post_gallerydimensions-4\" width=\"300\" height=\"189\" class=\"aligncenter size-medium wp-image-31830\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/12\/WordPress_How_to_change_Slideshow_post_gallerydimensions-4-300x189.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/12\/WordPress_How_to_change_Slideshow_post_gallerydimensions-4-150x94.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/12\/WordPress_How_to_change_Slideshow_post_gallerydimensions-4-1024x645.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/12\/WordPress_How_to_change_Slideshow_post_gallerydimensions-4.png 1279w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<\/li>\r\n<li>\r\n<p>Refresh the page. We have changed the Slideshow post gallery dimensions.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2013\/12\/WordPress_How_to_change_Slideshow_post_gallerydimensions-5.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2013\/12\/WordPress_How_to_change_Slideshow_post_gallerydimensions-5-300x167.png\" alt=\"WordPress_How_to_change_Slideshow_post_gallerydimensions-5\" width=\"300\" height=\"167\" class=\"aligncenter size-medium wp-image-31831\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/12\/WordPress_How_to_change_Slideshow_post_gallerydimensions-5-300x167.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/12\/WordPress_How_to_change_Slideshow_post_gallerydimensions-5-150x83.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/12\/WordPress_How_to_change_Slideshow_post_gallerydimensions-5-1024x570.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/12\/WordPress_How_to_change_Slideshow_post_gallerydimensions-5.png 1286w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<\/li>\r\n<\/ol>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=ppQ-7seJFbY?width=1280&amp;height=720\" rel=\"prettyPhoto\">WordPress. How to change Slideshow format post images dimensions<\/a><\/p>\r\n<\/p>\r\n<\/p>\r\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial shows how to change Slideshow post gallery dimensions in WordPress Cherry Framework templates.<\/p>\n","protected":false},"author":39,"featured_media":31837,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[728],"tags":[1183,1583,1267,804,494,575],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/31826"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/39"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=31826"}],"version-history":[{"count":1,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/31826\/revisions"}],"predecessor-version":[{"id":83099,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/31826\/revisions\/83099"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/31837"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=31826"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=31826"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=31826"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}