based on a copy of the ootb carousel widget HTML: <div class="pull-in"> <uib-carousel interval="options.interval"> <uib-slide ng-repeat="slide in ::data.slides" active="slide.active"> <div class="container"> <a href="{{::slide.url}}" title="Open carousel item"> <img ng-src="{{::slide.background}}" style="margin:auto; width:100%;" role="presentation"> </a> </div> </uib-slide> <!--homepage search--> <!--<div id="homepage-search" class="hidden-xs wrapper-xl"> <div class="wrapper-xl"> --> <div id="homepage-search" class="hidden-xs wrapper-xl"> <h2 class="text-center text-4x m-b-lg sp-tagline-color" ng-bind="options.title">