search

valor-software / ngx-bootstrap

Fast and reliable Bootstrap widgets in Angular (supports Ivy engine)
https://valor-software.com/ngx-bootstrap
MIT License
5.52k stars 1.7k forks source link

change indicator position in carousel #5863

Open AmindaUdayanga opened 3 years ago

AmindaUdayanga commented 3 years ago

Description: how can I get carousel indicators outside the slider?

Anky993 commented 3 years ago

modify property, if using css, use with :host >>> .className like this, It worked for me

:host >>> .carousel-inner { width: 97%; overflow: visible; } :host >>> .carousel-control-next, :host >>> .carousel-control-prev { width: 5%; }

:host >>> .carousel-control-prev { left: -6%; filter: invert(1); } :host >>> .carousel-control-next { right: -6.5%; filter: invert(1); }