Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 11, 2014 at 5:09 pm #349516
    Dabuti

    Hello, I would like to have the images in the fullscreen slider fit the screen area instead of cutting them. is it possible? Thanks.

    November 12, 2014 at 6:18 am #349878
    Josue

    Hi Dabuti!

    Try adding this to Quick CSS:

    @media only screen and (max-width: 767px) {
.avia-fullscreen-slider .avia-slideshow ul li {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: top !important;
}
}

    Some of them may look stretched though.

    Cheers!
    Josue

    November 12, 2014 at 3:47 pm #350022
    Dabuti

    Hey Josue,

    I tried to add that CSS rules, but nothing happens.

    I just want to have the same behavior as in the mansory gallery when you click on any image, it shows the full image, not cutting it.

    Thanks.

    • This reply was modified 10 years ago by Dabuti.
    November 12, 2014 at 6:28 pm #350204
    Josue

    Hey!

    Try the following instead:

    .avia-fullscreen-slider .avia-slideshow ul li {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: top !important;
}

    Best regards,
    Josue

    November 12, 2014 at 9:44 pm #350364
    Dabuti

    Hey,
    I think I’ve found the solution instead of background-size: 100% 100%; background-size: contain; So the image works perfect.

    Thanks for your time!

    Best regards,

    Dabuti.

    November 12, 2014 at 10:46 pm #350422
    Josue

    You are welcome Dabuti, always glad to help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Fullscreen slider’ is closed to new replies.