{"id":54944,"date":"2015-09-23T03:57:03","date_gmt":"2015-09-23T07:57:03","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=54944"},"modified":"2017-09-13T05:59:14","modified_gmt":"2017-09-13T09:59:14","slug":"cherryframework-3-how-to-change-thumbnail-image-dimensions-on-post-single-pages-of-custom-post-type","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/cherryframework-3-how-to-change-thumbnail-image-dimensions-on-post-single-pages-of-custom-post-type.html","title":{"rendered":"CherryFramework 3. How to change thumbnail image dimensions on post single pages of custom post type"},"content":{"rendered":"

\r\n

This tutorial will show you how to change thumbnail image dimensions on posts single pages of custom post type in CherryFramework 3<\/strong>.<\/p>\r\n

CherryFramework 3. How to change thumbnail image dimensions for custom post type post single page<\/a><\/p>\r\n

\r\n\r\n\r\n<\/a>\r\n<\/div>\r\n

In this case, we will change the thumbnail for Team<\/strong> single post page. If you see the thumbnail doesn’t have the size you need, for example it’s very small, you can change its size:<\/p>\r\n

\"CherryFramework_3.-How_to_change_thumbnail_image_dimensions_for_custom_post_type-1\"<\/a><\/p>\r\n

You can follow these steps to change the dimension of the thumbnail.<\/p>\r\n

    \r\n
  1. \r\n

    Change the thumbnail dimensions in php file. <\/p>\r\n

    Log into File Manager<\/strong> (or FTP<\/strong>), go to wp-content\/themes\/themexxxxx<\/strong> directory to check if there is loop<\/strong> folder. If there is no such loop<\/strong> folder, we will create it: <\/p>\r\n

    \"CherryFramework_3.-How_to_change_thumbnail_image_dimensions_for_custom_post_type-2\"<\/a><\/p>\r\n

    Go to wp-content\/themes\/CherryFramework\/loop<\/strong> directory and look for loop-single-team.php<\/strong> file, copy this file to wp-content\/themes\/themexxxxx\/loop<\/strong> folder that we have just created earlier:<\/p>\r\n

    \"CherryFramework_3.-How_to_change_thumbnail_image_dimensions_for_custom_post_type-3\"<\/a><\/p>\r\n

    Open loop-single-team.php<\/strong> (now it’s located in wp-content\/themes\/themexxxxx\/loop<\/strong>) to edit. Look for the codes as follows (approximately line 18):<\/p>\r\n

    $image   = aq_resize( $img_url, 120, 120, true ); \/\/resize & crop img<\/pre>\r\n
    change the value of 120, 120<\/em> to the desired value:<\/p>\r\n
    \"CherryFramework_3.-How_to_change_thumbnail_image_dimensions_for_custom_post_type-4\"<\/a>\r\n  <\/li>\r\n
  2. \r\n
    Re-upload\/upload the images with the correct dimension from Post<\/strong> editor.<\/p>\r\n
    Go to this post editor from WordPress<\/strong> admin panel, click on Featured image<\/strong> to start uploading the image with new dimensions:<\/p>\r\n
    \"CherryFramework_3.-How_to_change_thumbnail_image_dimensions_for_custom_post_type-5\"<\/a><\/p>\r\n
    New window is opened, from the drop down menu, select Uploaded to this post<\/strong> – Select Files<\/strong> to upload the image directly from your computer:<\/p>\r\n
    \"CherryFramework_3.-How_to_change_thumbnail_image_dimensions_for_custom_post_type-6\"<\/a><\/p>\r\n
    Click Set Featured image<\/strong>:<\/p>\r\n
    \"CherryFramework_3.-How_to_change_thumbnail_image_dimensions_for_custom_post_type-7\"<\/a><\/p>\r\n
    Update<\/strong> the post:<\/p>\r\n
    \"CherryFramework_3.-How_to_change_thumbnail_image_dimensions_for_custom_post_type-8\"<\/a>\r\n  <\/li>\r\n<\/ol>\r\n
    Refresh the post page to check the result:<\/p>\r\n
    \"CherryFramework_3.-How_to_change_thumbnail_image_dimensions_for_custom_post_type-9\"<\/a><\/p>\r\n
    Feel free to check the detailed video tutorial below:<\/p>\r\n
    CherryFramework 3. How to change thumbnail image dimensions for custom post type post single page<\/a><\/p>\r\n<\/p>\r\n
    <\/p>","protected":false},"excerpt":{"rendered":"
    This tutorial will show you how to change thumbnail image dimensions on posts single pages of custom post type in CherryFramework 3<\/strong>.<\/p>\n","protected":false},"author":69,"featured_media":54959,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[728],"tags":[2063,537,2033,2405],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/54944"}],"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\/69"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=54944"}],"version-history":[{"count":1,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/54944\/revisions"}],"predecessor-version":[{"id":83141,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/54944\/revisions\/83141"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/54959"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=54944"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=54944"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=54944"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}