Comments 1Peter started the conversationMarch 14, 2020 at 10:37pmBauman Carousel is not scaling images properly, Image reminds with the same dimensions after the edit. 1 Like 1,974Support repliedMarch 16, 2020 at 3:25pmHi PeterI think what you are referring to is the cropping current image viewport vs original aspect ratioMy fullscreen parallax image is not responsive and does not scale wellThank you. Clapat Support https://www.clapat.com/ Review Envato Item Support Policy Peter replied privately 1,974Support repliedMarch 17, 2020 at 2:07pmHey Peter,Ok I see what you mean.The width is set in slider's javascript initialization. To force it to a certain height you could add.owl-carousel .owl-item { max-height: 300px;} .owl-carousel .owl-item img { object-position: center; object-fit: cover;}in customizer -> additional CSSThank you. Clapat Support https://www.clapat.com/ Review Envato Item Support Policy Peter replied privately Support replied privately Peter replied privately Support replied privately 1Peter repliedMarch 21, 2020 at 12:37amthank you do you have the old version file? 1,974Support repliedMarch 21, 2020 at 2:51amyes here it isThank you. Clapat Support https://www.clapat.com/ Review Envato Item Support Policy Peter replied privately 1,974Support repliedMarch 21, 2020 at 4:59pmHi Peter,i investigated a bit the demo and they have these styles you can add in your customizer -> additional CSS:.owl-carousel .item-video { height: 300px;}Thank you. Clapat Support https://www.clapat.com/ Review Envato Item Support Policy Peter replied privately 1,974Support repliedMarch 23, 2020 at 2:15pmHi Peteryou can try .owl-carousel .owl-dots { top: 40px;}in customizer -> additional CSSplz refer to Owl Carousel documentation for slider's settings and attributes - it's the best source of information.Thank you. Clapat Support https://www.clapat.com/ Review Envato Item Support Policy Sign in to reply ...
Bauman Carousel is not scaling images properly, Image reminds with the same dimensions after the edit.
Hi Peter
I think what you are referring to is the cropping current image viewport vs original aspect ratio
My fullscreen parallax image is not responsive and does not scale well
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Hey Peter,
Ok I see what you mean.
The width is set in slider's javascript initialization. To force it to a certain height you could add
.owl-carousel .owl-item {
max-height: 300px;
}
.owl-carousel .owl-item img {
object-position: center;
object-fit: cover;
}
in customizer -> additional CSS
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
thank you
do you have the old version file?
yes here it is
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Hi Peter,
i investigated a bit the demo and they have these styles you can add in your customizer -> additional CSS:
.owl-carousel .item-video {
height: 300px;
}
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Hi Peter
you can try
.owl-carousel .owl-dots {
top: 40px;
}
in customizer -> additional CSS
plz refer to Owl Carousel documentation for slider's settings and attributes - it's the best source of information.
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy