Search code examples
jquerycssowl-carousel

Owl Carousel 1st item border none

Use owl carousel plugin then apply those. state-single div has a border. I want the 1st item state-single border none. HTML:

<div class="owl-carousel loop">
    <div class="item">
        <div class="state-single"></div>
    </div>
    <div class="item">
        <div class="state-single"></div>
    </div>
    <div class="item">
        <div class="state-single"></div>
    </div>
</div>

Edit: Normal div it works but with owl-carousel plugin it not works.

Solution

  • This works for me :)

    .owl-item:not(.active) + .owl-item.active .state-single{
    border: none;
}