Image Distortion?

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

Thanks for your response!

What dimensions do I need to make the Featured Picture, so that it doesn’t distort at all?

Can I get an answer please? I need to get this sorted out before my site goes public.

The slideshow is responsive, there is no fixed width. Depends on the size of your site.

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?

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…

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;

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!

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 ?