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 2,055Support 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 Review Envato Item Support Policy Follow us! https://www.clapat.com/https://www.facebook.com/clapat.ro https://www.instagram.com/clapat.themes/https://x.com/clapatdesignhttps://www.linkedin.com/company/clapatstudiohttps://www.tiktok.com/@clapatstudio Peter replied privately 2,055Support 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 Review Envato Item Support Policy Follow us! https://www.clapat.com/https://www.facebook.com/clapat.ro https://www.instagram.com/clapat.themes/https://x.com/clapatdesignhttps://www.linkedin.com/company/clapatstudiohttps://www.tiktok.com/@clapatstudio 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? 2,055Support repliedMarch 21, 2020 at 2:51amyes here it isThank you. Clapat Support Review Envato Item Support Policy Follow us! https://www.clapat.com/https://www.facebook.com/clapat.ro https://www.instagram.com/clapat.themes/https://x.com/clapatdesignhttps://www.linkedin.com/company/clapatstudiohttps://www.tiktok.com/@clapatstudio Peter replied privately 2,055Support 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 Review Envato Item Support Policy Follow us! https://www.clapat.com/https://www.facebook.com/clapat.ro https://www.instagram.com/clapat.themes/https://x.com/clapatdesignhttps://www.linkedin.com/company/clapatstudiohttps://www.tiktok.com/@clapatstudio Peter replied privately 2,055Support 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 Review Envato Item Support Policy Follow us! https://www.clapat.com/https://www.facebook.com/clapat.ro https://www.instagram.com/clapat.themes/https://x.com/clapatdesignhttps://www.linkedin.com/company/clapatstudiohttps://www.tiktok.com/@clapatstudio 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
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
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
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
thank you
do you have the old version file?
yes here it is
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
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
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
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
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio