Slider Stretching Photos in BlackRider Theme

The slider on the home page is great except that it's stretching the images so that they're distorted horizontally.

Is there a way to make the slider a different width or to keep the photos in proportion?

 

Hello,

Could you please provide your site URL along with some edited screenshots so that I can assist you accordingly. If you are unable to create screenshots then you can use www.screenpresso.com
that will help you to create screenshots.

 

The url is http://www.allsteamcarpetcleaning.com

 

Hello,

Thanks for sharing the details.

Please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard

Code:

 .flexslider .slides img {
  height: auto;
}

Hope it will solve your issue.

 

Thanks. That stopped it from "stretching" but now the image is taking up the entire screen. Should I resize the images or is there a better way to do that so that all of the images are the same size and don't take up so much room?

 

Hello Stockette,

Appreciate your prompt reply.

I would rather suggest you to kindly apply the images of optimal size 1920 px wide x 654 px height.

Hope understand my concern.

 

I'd appreciate it if you could look at my page -- the slider was fixed so that the images are no longer distorted, however now the images are taking up the entire screen. How do I get the slider smaller? http://allsteamcarpetcleaning.com

Thanks.

 

Hello,

Try the CSS code given below: -

Code:

ul.slides li {
height: 600px !important;
}
.flexslider .slides img {
height: 100%;
width: auto;
margin: auto;
}

Thanks,
Praveen

 

Thanks, Praveen. That worked a charm.