If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

Featured templates

CherryFramework 3. How to change thumbnail image dimensions on post single pages of custom post type

This tutorial will show you how to change thumbnail image dimensions on posts single pages of custom post type in CherryFramework 3.

CherryFramework 3. How to change thumbnail image dimensions for custom post type post single page

In this case, we will change the thumbnail for Team 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:

CherryFramework_3.-How_to_change_thumbnail_image_dimensions_for_custom_post_type-1

You can follow these steps to change the dimension of the thumbnail.

  1. Change the thumbnail dimensions in php file.

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

    CherryFramework_3.-How_to_change_thumbnail_image_dimensions_for_custom_post_type-2

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

    CherryFramework_3.-How_to_change_thumbnail_image_dimensions_for_custom_post_type-3

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

    $image   = aq_resize( $img_url, 120, 120, true ); //resize & crop img

    change the value of 120, 120 to the desired value:

    CherryFramework_3.-How_to_change_thumbnail_image_dimensions_for_custom_post_type-4

  2. Re-upload/upload the images with the correct dimension from Post editor.

    Go to this post editor from WordPress admin panel, click on Featured image to start uploading the image with new dimensions:

    CherryFramework_3.-How_to_change_thumbnail_image_dimensions_for_custom_post_type-5

    New window is opened, from the drop down menu, select Uploaded to this postSelect Files to upload the image directly from your computer:

    CherryFramework_3.-How_to_change_thumbnail_image_dimensions_for_custom_post_type-6

    Click Set Featured image:

    CherryFramework_3.-How_to_change_thumbnail_image_dimensions_for_custom_post_type-7

    Update the post:

    CherryFramework_3.-How_to_change_thumbnail_image_dimensions_for_custom_post_type-8

Refresh the post page to check the result:

CherryFramework_3.-How_to_change_thumbnail_image_dimensions_for_custom_post_type-9

Feel free to check the detailed video tutorial below:

CherryFramework 3. How to change thumbnail image dimensions for custom post type post single page