Widget

[KierraBrianna]

Hi, I'm having trouble with my my carousel. I was able to reduce the size of my carousel widget but my photo will only show half . How can I fix this? 

<div class="pull-in">
<uib-carousel interval="options.interval" style="max-width: 500px; max-height: 500px;">
<uib-slide ng-repeat="slide in ::data.slides" active="slide.active">
<div class="container">
<a href="{{::slide.url}}" title="${Open carousel item}: {{::slide.name}}">
<img ng-src="{{::slide.background}}" style="margin:auto; max-width:100%; max-height100%;" role="presentation">
</a>
</div>
</uib-slide>
</uib-carousel>
</div>

[Samaksh Wani]

Hello @KierraBrianna 

<img ng-src="{{::slide.background}}" style="margin:auto; object-fit:cover;" role="presentation">

Plz Mark my Solution as Accept and Give me thumbs up, if you find it helpful.

Regards,

Samaksh

[KierraBrianna]

Hi, Thank you but now the image is too large.

[Samaksh Wani · Accepted solution]

Hello @KierraBrianna 

Remove the Min height and min width from it.

[KierraBrianna]

Hello , I still had to fix a few things but your advice got my in the right direction. Thank you!