Title: Image Distortion?
Last modified: August 21, 2016

---

# Image Distortion?

 *  [slimjim414](https://wordpress.org/support/users/slimjim414/)
 * (@slimjim414)
 * [12 years ago](https://wordpress.org/support/topic/image-distortion-4/)
 * First off, I want to thank you for creating such a simple slider! I’ve used almost
   a dozen already and none fit my website, and yours is the first to do so.
 * I do have one question to make it perfect for me though… when I implement the
   shortcode onto the page, it distorts the image by stretching it. Is there some
   way to fix that? Thanks!
 * [https://wordpress.org/plugins/wp-slideshow-posts/](https://wordpress.org/plugins/wp-slideshow-posts/)

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

 *  Plugin Author [Bobjmp](https://wordpress.org/support/users/bobjmp/)
 * (@bobjmp)
 * [12 years ago](https://wordpress.org/support/topic/image-distortion-4/#post-4820086)
 * slimjim414, thanks for the compliment!
 * The image must fit the width of the slide if it is small will be blurred. Wp 
   Posts Slideshow first looks featured picture, if do not find it uses the first
   image within the post.
 * I advise using featured picture slightly larger than the width of the slideshow
 *  Thread Starter [slimjim414](https://wordpress.org/support/users/slimjim414/)
 * (@slimjim414)
 * [12 years ago](https://wordpress.org/support/topic/image-distortion-4/#post-4820087)
 * Thanks for your response!
 * What dimensions do I need to make the Featured Picture, so that it doesn’t distort
   at all?
 *  Thread Starter [slimjim414](https://wordpress.org/support/users/slimjim414/)
 * (@slimjim414)
 * [12 years ago](https://wordpress.org/support/topic/image-distortion-4/#post-4820162)
 * Can I get an answer please? I need to get this sorted out before my site goes
   public.
 *  Plugin Author [Bobjmp](https://wordpress.org/support/users/bobjmp/)
 * (@bobjmp)
 * [12 years ago](https://wordpress.org/support/topic/image-distortion-4/#post-4820174)
 * The slideshow is responsive, there is no fixed width. Depends on the size of 
   your site.
 *  Thread Starter [slimjim414](https://wordpress.org/support/users/slimjim414/)
 * (@slimjim414)
 * [12 years ago](https://wordpress.org/support/topic/image-distortion-4/#post-4820175)
 * Right I understand that. I need to make my featured picture the correct size 
   though, so that it doesn’t distort at all.
 * Also it seems since the update, the text and box have disappeared so that the
   text is now unreadable. Any fixes coming soon?
 *  [maxgx](https://wordpress.org/support/users/maxgx/)
 * (@maxgx)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/image-distortion-4/#post-4820203)
 * i think slimjim has a point, there’s a fixed height in your style-slideshow.css:
 *     ```
       .ss1_wrapper img {
       	width:100%;
       	height:350px;
       	display: block;
       }
       ```
   
 * this forces the height of the images, which end resulting stretched (or rather
   compressed), despite fitting the 100% width.
    i’ve solved it by setting to ‘auto’,
   but there are many other fixed height in that css file (wrapper, entry) which
   doesn’t make it nice on smaller screen: bullets, for instance, end up being well
   below the images, kinda of lost in space… sort of defeats responsiveness…
 *  [Dddt](https://wordpress.org/support/users/dddt/)
 * (@dddt)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/image-distortion-4/#post-4820228)
 * I fixed it, just change the following in css:
 * change is the height from 350 to 570 to bring the bullets out too
 *     ```
       .ss1_wrapper .ss1_entry {
       	height: 570px;
       	margin: 0 auto;
       	position:relative;
       	border: 0.5em solid transparent;
       	box-shadow: 0px 0px 7px rgba(0,0,0,0.1);
       ```
   
 * then, change this:
    change is the heghit from 350 to 500
 *     ```
       .ss1_wrapper img {
       	width:100%;
       	height:500px;
       	display: block;
       ```
   
 *  Thread Starter [slimjim414](https://wordpress.org/support/users/slimjim414/)
 * (@slimjim414)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/image-distortion-4/#post-4820229)
 * maxgx and Dddt, thank you for your responses! I’m having a hard time finding 
   where those pieces of code are located… could you tell me which css they’re located
   in? Thanks!
 *  [juliparaiso](https://wordpress.org/support/users/juliparaiso/)
 * (@juliparaiso)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/image-distortion-4/#post-4820230)
 * my images are distorted in lightbox . Already put Auto , but the images were 
   giants and when you put any size or 100 % , are distorted . Can you help me solve?

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

The topic ‘Image Distortion?’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/wp-slideshow-posts.svg)
 * [WP Slideshow Posts](https://wordpress.org/plugins/wp-slideshow-posts/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wp-slideshow-posts/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wp-slideshow-posts/)
 * [Active Topics](https://wordpress.org/support/plugin/wp-slideshow-posts/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wp-slideshow-posts/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wp-slideshow-posts/reviews/)

 * 9 replies
 * 5 participants
 * Last reply from: [juliparaiso](https://wordpress.org/support/users/juliparaiso/)
 * Last activity: [11 years, 6 months ago](https://wordpress.org/support/topic/image-distortion-4/#post-4820230)
 * Status: not resolved