Title: images squashed
Last modified: October 12, 2026

---

# images squashed

 *  Resolved [Garry Rigby](https://wordpress.org/support/users/indigojones66/)
 * (@indigojones66)
 * [2 days, 10 hours ago](https://wordpress.org/support/topic/images-squashed/)
 * RE: Image Hover Effects Ultimate –
   when i create the orginal hover effect i set
   the image dimensions to 1000 x 563 but they are squashed when i insert them?…_[
   redundant link deleted ]_
 * ![](https://i0.wp.com/maddog.org.uk/dimensions.jpg?ssl=1)
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fimages-squashed%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Author [Richard](https://wordpress.org/support/users/richardmallick/)
 * (@richardmallick)
 * [2 days, 6 hours ago](https://wordpress.org/support/topic/images-squashed/#post-19042999)
 * Hi Garry,
 * Thanks for the screenshot and the link, that made it easy to find.
 * On your page each image is inside a column that is about 480px wide, so the image
   can’t be 1000px wide there. The width shrinks to fit the column, but the height
   is set to a fixed 563px, so the image gets squashed.
 * The fix is to set the height in percent instead of pixels. Then the height always
   follows the width and the image keeps its shape at any size:
    1. Open each style in Image Hover Effects and go to the Width & Height section.
    2. Next to Height, click “%” instead of “PX”.
    3. Enter 56 (563 ÷ 1000 = 56.3%, which keeps your 1000 × 563 shape).
    4. Click Save.
 * I tested this on your page and each image then shows at 480 × 269, the same shape
   as your original.
 * One more tip: your Columns block is set not to stack on mobile, so on a phone
   each image is only about 130px wide. To make them full width on phones, select
   the Columns block in the editor and turn on “Stack on mobile” in its settings.
 * Let us know if that sorts it out.
 * Best regards,
   RichardOxilab Team
 *  Thread Starter [Garry Rigby](https://wordpress.org/support/users/indigojones66/)
 * (@indigojones66)
 * [2 days, 1 hour ago](https://wordpress.org/support/topic/images-squashed/#post-19043193)
 * Excellent, that worked a treat. Thank you so much Richard. Regards Garry
 *  Thread Starter [Garry Rigby](https://wordpress.org/support/users/indigojones66/)
 * (@indigojones66)
 * [2 days ago](https://wordpress.org/support/topic/images-squashed/#post-19043198)
 * Sorry to be dumb but where/how do I add a clickable url to the images?
 *  Plugin Author [Richard](https://wordpress.org/support/users/richardmallick/)
 * (@richardmallick)
 * [1 day, 23 hours ago](https://wordpress.org/support/topic/images-squashed/#post-19043224)
 * Hi Garry,
 * You’re very welcome!
 * To add a clickable URL to an image, simply hover your mouse over the image and
   click the **Edit** button. A modal window will open.
   Screenshots:[https://prnt.sc/uvd0Kqg–h2K](https://prnt.sc/uvd0Kqg--h2K)
   [https://prnt.sc/okF1M8Ue08Xj](https://prnt.sc/okF1M8Ue08Xj)
 * Enter your URL in the **URL** field and click **Save**.
 * Please let me know if you need any further help.
 * Best regards,
   RichardOxilab Team
 *  Thread Starter [Garry Rigby](https://wordpress.org/support/users/indigojones66/)
 * (@indigojones66)
 * [1 day, 23 hours ago](https://wordpress.org/support/topic/images-squashed/#post-19043227)
 * Blimey, thats easy. Thanks again Richard. I am testing before I use it here –
   [https://garryrigby.com/](https://garryrigby.com/)
 * Regards Garry
 *  Plugin Author [Richard](https://wordpress.org/support/users/richardmallick/)
 * (@richardmallick)
 * [1 day, 17 hours ago](https://wordpress.org/support/topic/images-squashed/#post-19043343)
 * Hi Garry,
 * You’re very welcome! 😊
 * Glad to hear everything is working well. Take your time testing the plugin, and
   if you need any help or have any questions while setting it up on your website,
   please feel free to reach out. I’ll be happy to help!
 * Best regards,
   RichardOxilab Team
 *  Thread Starter [Garry Rigby](https://wordpress.org/support/users/indigojones66/)
 * (@indigojones66)
 * [1 day, 13 hours ago](https://wordpress.org/support/topic/images-squashed/#post-19043517)
 * Many thanks again Richard – beyond the call of duty.
 * Have a good1, Regards Garry

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

You must be [logged in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fimages-squashed%2F%3Foutput_format%3Dmd&locale=en_US)
to reply to this topic.

 * ![](https://ps.w.org/image-hover-effects-ultimate/assets/icon-256x256.png?rev
   =3286352)
 * [Image Hover Effects Ultimate ( Image Gallery, Effects, Lightbox, Comparison & Magnifier )](https://wordpress.org/plugins/image-hover-effects-ultimate/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/image-hover-effects-ultimate/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/image-hover-effects-ultimate/)
 * [Active Topics](https://wordpress.org/support/plugin/image-hover-effects-ultimate/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/image-hover-effects-ultimate/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/image-hover-effects-ultimate/reviews/)

## Tags

 * [effects](https://wordpress.org/support/topic-tag/effects/)

 * 7 replies
 * 2 participants
 * Last reply from: [Garry Rigby](https://wordpress.org/support/users/indigojones66/)
 * Last activity: [1 day, 13 hours ago](https://wordpress.org/support/topic/images-squashed/#post-19043517)
 * Status: resolved