Slider – Image Size

  • webmastermfa

    (@webmastermfa)


    8 years ago

    Hello,
    Which size should the images have?
    I’ve see that to be edge to edge,the photo has to be 1600px.
    But it’s difficult to find a 1600px width photo who’s not 1000+px heigh.
    How to resize / what resize is needed to have a nice slider edge to edge?

    Thank for the help

Viewing 11 replies - 1 through 11 (of 11 total)
  • Imran Ali

    (@imranaliweb)

    8 years ago

    Hi @webmastermfa,

    Thanks for contacting us,

    You can use 1600 x 500px size image for slider.

    Thanks

    Thread Starter webmastermfa

    (@webmastermfa)

    8 years ago

    Hello @imranaliweb;
    Problem is that 1600×500 doesn’t keep the aspect ratio of the images.
    So they’re stretched like hell.

    Imran Ali

    (@imranaliweb)

    8 years ago

    HI @webmastermfa,

    Please share your website URL, we will check

    Thanks

    Thread Starter webmastermfa

    (@webmastermfa)

    8 years ago

    Hi @imranaliweb,

    I found 3 images with the correct ratio – 1600×500.

    But what is not good at the moment with the slider – is the mobile version.
    There – you can only see a portion of the text.
    Website is : http://www.mfaconsulting.ch
    Please take a look with boht mobile&computer.

    Thanks

    Imran Ali

    (@imranaliweb)

    8 years ago

    Hi @webmastermfa,

    For this paste, the following css code in custom css filed

    @media only screen and (max-width: 480px) and (min-width: 200px) {
    .slide-text-bg1 {
        width: 80%;
    }
    .homepage-mycarousel .carousel-inner > .item > img {
        height: 170px;
    }
    .slide-text-bg1 h2 {
        font-size: 12px !important;
        line-height: 15px !important;
    }
    .slide-caption p {
        font-size: 9px !important;
        line-height: 15px !important;
    }
}

    then use above code and check your website.

    Thanks

    Thread Starter webmastermfa

    (@webmastermfa)

    7 years, 12 months ago

    Hello @imranaliweb,
    Thank you – the Custom CSS has worked.
    Only thing is that now the font of the mobile version isn’t the same as the desktop version.

    Thanks

    Imran Ali

    (@imranaliweb)

    7 years, 12 months ago

    Hi @webmastermfa,

    If both the font size is the same, then your slider content on the mobile version will go down and it will not look right on the mobile version.

    Thanks

    Thread Starter webmastermfa

    (@webmastermfa)

    7 years, 12 months ago

    Hello @imranaliweb,
    the whole website has now another font for the mobile version (you can check it).
    On the mobile version is like TimesNewRoman.

    antoniotheant

    (@antoniotheant)

    7 years, 6 months ago

    Hi, using the custom CSS the images are deformed, stretched.

    Imran Ali

    (@imranaliweb)

    7 years, 6 months ago

    Hi antoniotheant,

    Thanks for contacting us,

    For this please share your website URL.

    Thanks

    antoniotheant

    (@antoniotheant)

    7 years, 6 months ago

    Sorry for delay, I have not received the notification:
    http://www.lorenzopierobon.com/home/
    Images are higher than the correct aspect ratio.
    Thanks

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

The topic ‘Slider – Image Size’ is closed to new replies.