christinealmendras

That worked, thank you so much!!!!!

Nevermind, I fixed the code and it works now. Thank you so much!!!!!

I think we’re almost there! I input the code in the child’s theme and this is what showed up:

array(12) {
  ["1536x1536"]=>
  array(3) {
    ["width"]=>
    int(1536)
    ["height"]=>
    int(1536)
    ["crop"]=>
    bool(false)
  }
  ["2048x2048"]=>
  array(3) {
    ["width"]=>
    int(2048)
    ["height"]=>
    int(2048)
    ["crop"]=>
    bool(false)
  }
  ["et-pb-post-main-image"]=>
  array(3) {
    ["width"]=>
    int(400)
    ["height"]=>
    int(250)
    ["crop"]=>
    bool(true)
  }
  ["et-pb-post-main-image-fullwidth"]=>
  array(3) {
    ["width"]=>
    int(1080)
    ["height"]=>
    int(675)
    ["crop"]=>
    bool(true)
  }
  ["et-pb-portfolio-image"]=>
  array(3) {
    ["width"]=>
    int(400)
    ["height"]=>
    int(284)
    ["crop"]=>
    bool(true)
  }
  ["et-pb-portfolio-module-image"]=>
  array(3) {
    ["width"]=>
    int(510)
    ["height"]=>
    int(382)
    ["crop"]=>
    bool(true)
  }
  ["et-pb-portfolio-image-single"]=>
  array(3) {
    ["width"]=>
    int(1080)
    ["height"]=>
    int(9999)
    ["crop"]=>
    bool(false)
  }
  ["et-pb-gallery-module-image-portrait"]=>
  array(3) {
    ["width"]=>
    int(400)
    ["height"]=>
    int(516)
    ["crop"]=>
    bool(true)
  }
  ["et-pb-post-main-image-fullwidth-large"]=>
  array(3) {
    ["width"]=>
    int(2880)
    ["height"]=>
    int(1800)
    ["crop"]=>
    bool(true)
  }
  ["et-pb-image--responsive--desktop"]=>
  array(3) {
    ["width"]=>
    int(1280)
    ["height"]=>
    int(720)
    ["crop"]=>
    bool(true)
  }
  ["et-pb-image--responsive--tablet"]=>
  array(3) {
    ["width"]=>
    int(980)
    ["height"]=>
    int(551)
    ["crop"]=>
    bool(true)
  }
  ["et-pb-image--responsive--phone"]=>
  array(3) {
    ["width"]=>
    int(480)
    ["height"]=>
    int(270)
    ["crop"]=>
    bool(true)
  }

I believe the one I want to change is this one, correct?

  }
  ["et-pb-image--responsive--desktop"]=>
  array(3) {
    ["width"]=>
    int(1280)
    ["height"]=>
    int(720)
    ["crop"]=>
    bool(true)
  }

If so, this is what I input for the new code in the child theme. However, it’s giving me this error “Something went wrong. Your change may not have been saved. Please try again. There is also a chance that you may need to manually fix and upload the file over https://FTP.”

Did I forget to change the name in one of the lines, or what do you mean by un-comment/comment on lines?

function ca_remove_plugin_image_sizes() {

////remove_image_size('et-pb-image--responsive--desktop');
}
add_action('init', 'ca_remove_plugin_image_sizes', 9999 );

function ca_big_image_size_threshold( $threshold ) {
	return 1500; // new threshold
}
add_filter('big_image_size_threshold', 'ca_big_image_size_threshold', 9999 );

• This reply was modified 1 year, 8 months ago by christinealmendras.

This is what comes up on the top of the page when I view the HTML. Where would the size name be? https://ibb.co/r7ryK0T

Thank you, this is really insightful and helpful. However, it is a bit confusing only because I would say I am a 3 on a scale of 1-10 on backend WordPress/coding knowledge. Would you be able to provide a step by step on how to do what you just explained?

Good to know, thank you! I use Divi Builder, how can I change the custom image size to largest edge is 1500px? Is there a code I can add to my child theme or disable the size added by the theme? I don’t want the images to be larger than this for site performance.

Whenever I scale down my images to 1500px, then it does the weird cropping thing and I don’t want that to happen.