portfolio thumbnails are blurry: how to make them sharp?

The images that are uploaded are showing up at 220px width and 140px height. So when the site is being viewed from your phone or a mobile device, the images are set to 100% width, which means they’re being stretched to fit the screen. We can try turning that off and allowing the images to show up at their regular size of 220 x 140.

To do this, look for this code around line 2638 and/or 2667 –

.content .portfolio .post-image {
    width: 100%;
}

Change it to auto and the images will show up at their original size (220 x 140) which means it should show up clearer since they’re not being stretched.

If you want to change the size of the thumbnail images, you can do so by looking in your functions.php file for the home-portfolio-thumbnail code around line 50 –

// Add new image sizes 
add_image_size( 'featured-img', 730, 420, TRUE );
add_image_size( 'featured-page', 341, 173, TRUE );
add_image_size( 'home-portfolio-thumbnail', 220, 140, TRUE );
add_image_size( 'portfolio-thumbnail', 348, 240, TRUE );

Anytime you make changes to Thumbnail Image sizes (this goes for any theme you use in WordPress) run a plugin called Regenerate Thumbnails. Once you run this plugin, it will go through and adjust all your Thumbnails to show up properly at the size you have specified – https://wordpress.org/plugins/regenerate-thumbnails/

Let me know if that helps

You’re Welcome!