Сова Карусель работает нормально. Все работает. только Css из его компонента. css не берется carousl nav. Пожалуйста, помогите мне
все работает нормально css прекрасно работает в браузере проверки, но css Сова карусели не принимает стиль от компонента css.
У меня есть это в компоненте html:
<div class="bannerCarousel-wrap">
<owl-carousel [options]="SlideOptions" [items]="images" [carouselClasses]="['owltheme','sliding']">
<div class="item" *ngFor="let img of Images">
<div style="align-content: center">
<img src={{img}}/>
</div>
</div>
</owl-carousel>
</div>
//in ts
Images = ['../../assets/images/2.jpg', '../../assets/images/2.jpg', '../../assets/images/2.jpg'];
SlideOptions = {
items: 1,
dots: false,
nav: true,
navText: ["<img src = '../../assets/images/icons/slider_control_left.png'>", "<img src = '../../assets/images/icons/slider_control_right.png'>"],
};
CarouselOptions = {
items: 3,
dots: false,
nav: true,
navText: ["<img src = '../../assets/images/icons/slider_control_left.png'>", "<img src = 'images/icons/arrow_right.png'>"],
};
в компоненте css
.owl-carousel .owl-nav button.owl-prev {
position: absolute;
top: 50%;
left: 0;
}