More About Child ThemesView The WordPress Codex DocsLocate Current Image SizesBefore you can modify your image sizes in your child theme, you must first locate them in the files so you know the exact image slug to target. The add_image_size() functions are located in two files:
Avada -> wp-content/themes/Avada/includes/class-avada-init.php
Fusion Core -> wp-content/plugins/fusion-core/includes/class-fusion-portfolio.php
To easily locate this, just do a text search in the file for add_image_size.
Once you』ve found the image size function, you can copy out the image size slug that you』re wanting to modify, for use in your child theme』s function.
Note: The 「portfolio-five」 image size is used for not only the five column portfolio layout, but is also used in the Recent Posts element』s 「Thumbnail on Side」 layout.
Avada -> wp-content/themes/Avada/includes/class-avada-init.php
Copy to Clipboard/**
* Add image sizes.
*
* @access public
*/
public function add_image_size() {
add_image_size( 'blog-large', 669, 272, true );
add_image_size( 'blog-medium', 320, 202, true );
add_image_size( 'recent-posts', 700, 441, true );
add_image_size( 'recent-works-thumbnail', 66, 66, true );
// Image sizes used for grid layouts.
add_image_size( 'fusion-200', 200, '', false );
add_image_size( 'fusion-400', 400, '', false );
add_image_size( 'fusion-600', 600, '', false );
add_image_size( 'fusion-800', 800, '', false );
add_image_size( 'fusion-1200', 1200, '', false );
} 1/**2 * Add image sizes.3 *4 * @access public5 */6public function add_image_size() {7 add_image_size( 'blog-large', 669, 272, true );8 add_image_size( 'blog-medium', 320, 202, true );9 add_image_size( 'recent-posts', 700, 441, true );10 add_image_size( 'recent-works-thumbnail', 66, 66, true );11 12 // Image sizes used for grid layouts.13 add_image_size( 'fusion-200', 200, '', false );14 add_image_size( 'fusion-400', 400, '', false );15 add_image_size( 'fusion-600', 600, '', false );16 add_image_size( 'fusion-800', 800, '', false );17 add_image_size( 'fusion-1200', 1200, '', false );18}Fusion Core -> wp-content/plugins/fusion-core/includes/class-fusion-portfolio.php
Copy to Clipboard/**
* Add image sizes.
*
* @access public
*/
public function add_image_size() {
add_image_size( 'portfolio-full', 940, 400, true );
add_image_size( 'portfolio-one', 540, 272, true );
add_image_size( 'portfolio-two', 460, 295, true );
add_image_size( 'portfolio-three', 300, 214, true );
add_image_size( 'portfolio-five', 177, 142, true );
}12 1/**2 * Add image sizes.3 *4 * @access public5 */6public function add_image_size() {7 add_image_size( 'portfolio-full', 940, 400, true );8 add_image_size( 'portfolio-one', 540, 272, true );9 add_image_size( 'portfolio-two', 460, 295, true );10 add_image_size( 'portfolio-three', 300, 214, true );11 add_image_size( 'portfolio-five', 177, 142, true );12}Modify Your Child ThemeNow that you have the slug for the image size you would like to change, it』s time to move to your child theme.
Step 1 – Go into your child theme folder and open the functions.php file. If you don』t have this file, simply create one with the same filename.
Step 2 – At the very bottom, add this action:
Copy to Clipboardadd_action( 'after_setup_theme', 'my_child_theme_image_size', 20 );
function my_child_theme_image_size() {
remove_image_size( 'blog-large' );
add_image_size( 'blog-large', 1000, 500, true );
}xxxxxxxxxx5 1add_action( 'after_setup_theme', 'my_child_theme_image_size', 20 );2function my_child_theme_image_size() {3 remove_image_size( 'blog-large' ); 4 add_image_size( 'blog-large', 1000, 500, true );5}Step 3 – Replace the value 『blog-large』 inside remove_image_size( 『blog-large』 ); with the image slug of your desired image size.
Step 4 – In add_image_size( 『blog-large』, width, height, true ); , replace the values with the exact same image slug and add your desired width and height values respectively. For example,
Copy to Clipboard'blog-large', 1000, 500xxxxxxxxxx 'blog-large', 1000, 500Step 5 – If you』d like to change more than one image size, copy these actions and paste them inside the same my_child_theme_image_size() function and change the necessary values accordingly:
Copy to Clipboardremove_image_size( 'blog-large' );
add_image_size( 'blog-large', 1000, 500, true );xxxxxxxxxx remove_image_size( 'blog-large' ); add_image_size( 'blog-large', 1000, 500, true );Step 6 – If needed, run the Force Regenerate Thumbnails plugin to regenerate your thumbnails.