Title: [Plugin: Image Widget] responsive design – image resize?
Last modified: August 20, 2016

---

# [Plugin: Image Widget] responsive design – image resize?

 *  Resolved [jannahlyon](https://wordpress.org/support/users/jannahlyon/)
 * (@jannahlyon)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/plugin-image-widget-responsive-design-image-resize/)
 * Not sure if this is a widget problem or a template problem, but is there a way
   to change the dimensions of the image for a responsive site? Right now all the
   images in my site get smaller when you reduce the width of the browser because
   I have a responsive template, but the images inside this widget do not? Any suggestions
   on how to fix this would be appreciated 🙂
 * [http://wordpress.org/extend/plugins/image-widget/](http://wordpress.org/extend/plugins/image-widget/)

Viewing 7 replies - 1 through 7 (of 7 total)

 *  Thread Starter [jannahlyon](https://wordpress.org/support/users/jannahlyon/)
 * (@jannahlyon)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/plugin-image-widget-responsive-design-image-resize/#post-2923077)
 * Doh! I just removed the width and height values from the widget …. When you insert
   an image the width and height fields below are automatically filled in, so just
   delete those values and leave those fields blank and ta-da responsive images (
   if your template supports it) … sorry for the trouble 🙂
 *  [Modern Tribe, Inc.](https://wordpress.org/support/users/moderntribe/)
 * (@moderntribe)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/plugin-image-widget-responsive-design-image-resize/#post-2923083)
 * Awesome!
 * Alternatively, I was going to suggest overriding the template for the widget 
   in your theme.
 * See: [http://wordpress.org/extend/plugins/image-widget/other_notes/](http://wordpress.org/extend/plugins/image-widget/other_notes/)
 *  [jimmyw500](https://wordpress.org/support/users/jimmyw500/)
 * (@jimmyw500)
 * [13 years, 6 months ago](https://wordpress.org/support/topic/plugin-image-widget-responsive-design-image-resize/#post-2923311)
 * brilliant thanks for the advice, got it sorted this way too!
 *  [eepadmin](https://wordpress.org/support/users/eepadmin/)
 * (@eepadmin)
 * [13 years, 5 months ago](https://wordpress.org/support/topic/plugin-image-widget-responsive-design-image-resize/#post-2923312)
 * This first fix (deleting sizes in widget box) is not working for me. My image
   is displaying but not resizing. How exactly do I override the template? I am 
   not expert in php and need more of a step by step. I realize that there is a 
   parameter for image_widget_image_width that can be disabled. How exactly do you
   do this?
 *  [creacoton](https://wordpress.org/support/users/creacoton/)
 * (@creacoton)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/plugin-image-widget-responsive-design-image-resize/#post-2923325)
 * I have the same probleme as eepadmin, I would like to know how modify the “image_widget_image_width”
   to have a max-width = 100%.
    Thank ou for the answer. [http://www.creacoton.fr](http://www.creacoton.fr)
 *  [Opally](https://wordpress.org/support/users/opally/)
 * (@opally)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/plugin-image-widget-responsive-design-image-resize/#post-2923326)
 * So, do we just add, in our custom widget.php:
 *     ```
       // Block direct requests
       if ( !defined('ABSPATH') )
       	die('-1');
   
       echo $before_widget;
   
       if ( !empty( $title ) ) { echo $before_title . $title . $after_title; }
   
       echo $this->get_image_html( $instance, true );
   
       image_widget_image_width = "100%";
       image_widget_image_height = "auto";
   
       if ( !empty( $description ) ) {
       	echo '<div class="'.$this->widget_options['classname'].'-description" >';
       	echo wpautop( $description );
       	echo "</div>";
       }
       echo $after_widget;
       ?>
       ```
   
 * All I found was a “wink” about how to use these parameters to override settings.
   I’ll let you know whether the above code works.
 *  [Opally](https://wordpress.org/support/users/opally/)
 * (@opally)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/plugin-image-widget-responsive-design-image-resize/#post-2923327)
 * no, that just gives me a parse error.
 * Where do we use these nice responsive override parameters?
 * Hard code them into the “Custom” settings in widget-admin.php?
 * I’ll keep mucking around. I don’t know why this is set to Resolved. I will open
   a new support thread on this topic.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘[Plugin: Image Widget] responsive design – image resize?’ is closed to
new replies.

 * ![](https://ps.w.org/image-widget/assets/icon-256x256.png?rev=2489603)
 * [Image Widget](https://wordpress.org/plugins/image-widget/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/image-widget/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/image-widget/)
 * [Active Topics](https://wordpress.org/support/plugin/image-widget/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/image-widget/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/image-widget/reviews/)

 * 7 replies
 * 6 participants
 * Last reply from: [Opally](https://wordpress.org/support/users/opally/)
 * Last activity: [13 years, 2 months ago](https://wordpress.org/support/topic/plugin-image-widget-responsive-design-image-resize/#post-2923327)
 * Status: resolved