Fix the height of carousel

[TrevReav]

Hi everyone, short of going through 25 or so images and resizing them, is there any way to fix the height of a carousel so it stops moving up and down with the different image heights as the different images display?
Thanks

[hendon52]

Take a look at this post

New user needs help with carousel

Hi @Binks, yes for the carousel bric, all the images need to be the same dimension for it to work well. What you can do is over-ride the default behaviour of the carousel, so it works no matter the size. It will crop images when needed though. It would be better to add the “carousel-inner” to the class manager so its easy to set the height and width you want for each breakpoint. The other class needs to be added to the page header. <style> .carousel-inner { height: 500px; } .carousel-item…

[TrevReav]

That’s perfect, thanks. At least for desktops and large sizes, do you know of any other way to restrict for phones and smaller devices, as whatever height set will •probably• be wrong for the other devices?

Thanks for that though, it’s a great start for me.

[hendon52]

I think you should drop a line to @PeteSharp - he’s one of our coding experts

[TrevReav]

I may do that, however, I’ve gone through and cropped the pictures and at the moment, I think they’re working for all breakpoints.
Cheers.

[PeteSharp]

Nothing beats having the images all cropped to the same ratio. Because then making it responsive is just having the height adjust to the width.

My method in that other post works fine if the images are not excessively tall. But for it to work you have to fix the height.

One thing you can do is add some math to the css height so it’s always a ratio of the width, which would make it responsive.

P.S, not sure about “coding expert”