How to change image size in Neve

The images you uploaded might not look as expected on the following pages: Blog, Shop, Single Product.

This can be due to the image size declared in the theme for those pages. It is possible to set your own image size, by following the steps below.

1

Create a child theme

Download a ready-made child theme for Neve - link here, and install it as a new theme.

📝 Note: More details about child themes are available in this guide.

2

Change the default image size

Add the appropriate code snippet at the end of the functions.php file of the child theme.

Blog page

function change_blog_image_size() {
	remove_image_size( 'neve-blog' );
	add_image_size( 'neve-blog', 420, 220, true );
}
add_action( 'after_setup_theme', 'change_blog_image_size', 100 );

⏪ Before

⏩ After

The value of 420 is the image width in pixels and the value of 220 is the image height in pixels.

Shop & Product pages

function neve_change_product_thumbnail_size() {

	$woocommerce_settings = array(
		'single_image_width'            => 600,
		'thumbnail_image_width'         => 230,
		'gallery_thumbnail_image_width' => 160,
		'product_grid'                  => array(
			'default_columns' => 3,
			'default_rows'    => 4,
			'min_columns'     => 1,
			'max_columns'     => 6,
			'min_rows'        => 1,
		),
	);

	return $woocommerce_settings;
}
add_filter( 'neves_woocommerce_args', 'neve_change_product_thumbnail_size' );

⏩ After

The value of 230 is the height of the product's thumbnails on the blog page, and the one of 600px is the max-width of the featured image within the product page.

3

Regenerate the thumbnails

After setting the desired size, you need to regenerate the thumbnails by using a plugin like this one.