Images displayed inside the Gallery module are designed to be cropped to a fixed size of 400x284px. This is required to ensure that no matter the original size of the image, it is always displayed the same size, especially when the Grid layout is being used.
For each uploaded image, WordPress creates a unique size image upload to be used in various places.
Remove the default cropping using a Child Theme
Using the hosting File Manager app or the Advanced File Manager plugin, navigate to the wp-content/theme/your-child-theme folder
Open the functions.php file
Add this PHP code:
function custom_image_width($width) {
return '9999';
}
function custom_image_height($height) {
return '9999';
}
add_image_size( 'custom-image-size', 9999, 9999, array( 'center', 'center' ) );
add_filter( 'et_pb_gallery_image_width', 'custom_image_width' );
add_filter( 'et_pb_gallery_image_height', 'custom_image_height' );
Important Note: The PHP code will remove the default cropping functionality, and the images displayed by the Gallery Image size will be the original size of each image, which might change the layout of the Gallery module, especially if the images used are not the same size.
Remove the default cropping using a third-party plugin
Go to WordPress Dashboard → Plugins → Add New
Search for Code Snippets
Install and Activate the Code Snippets plugin
Go to WordPress Dashboard → Snippets
Create a new PHP snippet
Give it a name and paste the following PHP code:
function custom_image_width($width) {
return '9999';
}
function custom_image_height($height) {
return '9999';
}
add_image_size( 'custom-image-size', 9999, 9999, array( 'center', 'center' ) );
add_filter( 'et_pb_gallery_image_width', 'custom_image_width' );
add_filter( 'et_pb_gallery_image_height', 'custom_image_height' );
Notes:
You can change the 9999 value to the value you want for width and height.
In some cases, after adding the above PHP code you might have to regenerate all the Thumbnails. Install and activate the Regenerate Thumbnails plugin.