Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • March 18, 2015 at 7:29 pm #413906
    miso00

    Hello,
    I set easy slider image size to ‘no scaling’ but slider is stretched to full website width. I have 1000×255 images and they are stretched to 1210x??? when I set no scaling. Where could be the problem ? Thank you.
    http://www.acraft.sk
    slider on homepage

    March 19, 2015 at 8:51 am #414205
    Rikard

    Hi miso00!

    Could you please provide us with a temporary admin login so that we can take a closer look? You can post the details here as a private reply.

    Regards,
    Rikard

    March 19, 2015 at 9:07 am #414208
    miso00
    This reply has been marked as private.
    March 19, 2015 at 7:36 pm #414779
    miso00

    Did you find out some solution ?

    March 21, 2015 at 6:12 am #415646
    Ismael

    Hi!

    Note that the slider will take or inherit the width of the container, which is currently set to 1210px. This setting will ensure that the slider is responsive.

    Cheers!
    Ismael

    March 21, 2015 at 7:06 pm #415771
    miso00

    Thanks for explanation Ismael. Is it possible to force that slider to keep original dimensions of images ? Through quick CSS ?

    March 23, 2015 at 2:55 pm #416387
    Ismael

    Hey!

    It’s possible but you have to add a few css media queries to keep it responsive:

    .avia-slideshow, .avia-slideshow-inner {
  width: 800px !important;
  margin: 0 auto;
}

    Best regards,
    Ismael

    March 23, 2015 at 7:29 pm #416607
    miso00

    Thank you Ismael. This works but lost responsive behaviour like you said. Why is there option NO SCALING when slider is always scaled to full container width ?

    March 25, 2015 at 7:31 am #417574
    Ismael

    Hey!

    The Slideshow Image Size option enables you to select the size of the image that is going to be use in the slider but it will not resize the slider. Use css media queries if you want the slider to have a specific width on certain screen sizes:

    @media only screen and (min-width: 768px) and (max-width: 989px) {
.avia-slideshow, .avia-slideshow-inner {
  width: 600px !important;
  margin: 0 auto;
}}

    Regards,
    Ismael

    March 25, 2015 at 9:28 pm #418170
    miso00

    Thank you a lot. I’ll try it.

    March 26, 2015 at 11:11 am #418428
    Rikard

    Hey!

    Great, please let us know if you should have any other questions.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.