Add custom image size not working

Question

I want to add a custom image size to my child theme.

The base is the Penscratch theme, and it has it own image sizes defined:

function penscratch_setup() {

    /*  ...  */

    add_theme_support( 'post-thumbnails' );
    add_image_size( 'penscratch-featured', '400', '200', true );

    /*  ...  */
}

And if I made some changes here (base functions.php), everything work as it should, But the point is to make it done in child-Theme, I'm writing it the same way but for some reason it's not working:

add_action( 'after_setup_teme', 'add_custom_img_sizes');

function add_custom_img_sizes()
{    
  add_theme_support( 'post-thumbnails' );
  add_image_size( 'category-thumbnail', '300', '200', true );
}

if I use then the 'category-thumbnail' in my template, it is displaying the full-sized image, not the cropped one, what is going wrong here?

Answer 1

After you add a new image size, you have to regenerate the images for that size. The Regenerate Thumbnails plugin comes in handy for this purpose.

Answer 2

Now you can use the Command Line Interface (CLI) to regenerate the thumbnails using the wp media regenerate command:

wp media regenerate

Have a look at this page and follow the steps to install the wp command.

Answer 3

You have to add the handle name in your the post thumbnail

 the_post_thumbnail( 'category-thumbnail' );