How to give all Slides/Images the same Height by keeping their different widths?

matthias's Avatar


14 May, 2018 12:36 PM

Dear RS-Support,

I've seen in the forums that similar questions have been asked before, but I'm not sure if it means exactly my question. Therefore I have attached a small sketch, which hopefully makes it clearer.

How can I give all images in the slider the same height, even if they keep their different widths at the same time? The images should therefore not be displayed as a section or cropped, but in each case completely.

Thank you very much,
Kindest regards,

  1. Support Staff 1 Posted by Dmitry Semenov on 14 May, 2018 05:42 PM

    Dmitry Semenov's Avatar


    Slides with different widths aren't supported, you may achieve such effect only by placing multiple images in a single slide and adjusting their size accordingly.

    For simple one-dimensional scrollers, I'd recommend using simple native overflow-x:scroll.


  2. 2 Posted by matthias on 17 Jun, 2018 11:33 AM

    matthias's Avatar

    thank you for that reply – now I understand the concept of royalslider better and I changed my design to go better with it, because I love the way rs works in general.

  3. matthias closed this discussion on 17 Jun, 2018 11:33 AM.

Comments are currently closed for this discussion. You can start a new one.

Keyboard shortcuts


? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac