Reply To: Smart.Carousel truncate pictures

[ivanpeevski]

Hi Dark Beccio,

If you’d like to disable the image zooming, you can set the following CSS rule – background-size:contain – to a carousel item.

For example, the following CSS disabled zooming only for the first item in the Carousel:
<div>
<div>smart-carousel div[item-id=”0″] .smart-carousel-item-container{</div>
<div>  background-size: contain;</div>
<div>}</div>
</div>
<div></div>
<div>Here is a live demo – the first image is shown in its normal aspect ratio without zooming: stackblitz</div>
<div></div>
<div>

Best Regards,
Ivan Peevski

Smart UI Team
https://www.htmlelements.com/

</div>