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 

I have edited the response with complete code, As per new community rules you can mark multiple accept solutions.

Kindly Mark the response as Accept which is having the exact code, it will help the future user to find the complete solution.

Regards,

Samaksh