Slider Stretching Photos in BlackRider Theme

Discussion in 'InkThemes-Support Working Hours' started by stockette, May 19, 2015.

Thread Status:
Not open for further replies.
  1. stockette

    stockette New Member

    Joined:
    Apr 7, 2015
    Messages:
    8
    Likes Received:
    0
    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?
     
  2. sameerwalkar

    sameerwalkar Guest

    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.
     
  3. stockette

    stockette New Member

    Joined:
    Apr 7, 2015
    Messages:
    8
    Likes Received:
    0
  4. sameerwalkar

    sameerwalkar Guest

    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.
     
  5. stockette

    stockette New Member

    Joined:
    Apr 7, 2015
    Messages:
    8
    Likes Received:
    0
    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?
     
  6. sameerwalkar

    sameerwalkar Guest

    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.
     
  7. stockette

    stockette New Member

    Joined:
    Apr 7, 2015
    Messages:
    8
    Likes Received:
    0
    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.
     
  8. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    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
     
  9. stockette

    stockette New Member

    Joined:
    Apr 7, 2015
    Messages:
    8
    Likes Received:
    0
    Thanks, Praveen. That worked a charm.
     
Thread Status:
Not open for further replies.

Share This Page