Изменить цвет точек

Question

Я хочу изменить цвет фона по умолчанию для точек в неактивном или активном состоянии. Я использую Сова карусельного слайдера

Вот точки, которые я хочу изменить цвет точек.

Я попытался CSS ниже, но это не работает

.owl-pagination .owl-page{ 
    background-color: white; 

} 
.owl-pagination .owl-page .active 
{ 
    background-color: aqua; 
} 

Answer 1

Это для Сова Carousel:

.owl-theme .owl-dots .owl-dot span{ 
    width:10px; 
    height:10px; 
    margin:5px 7px; 
    background: #b71616 !important; 
    display:block; 
    -webkit-backface-visibility:visible; 
    -webkit-transition:opacity 200ms ease; 
    -moz-transition:opacity 200ms ease; 
    -ms-transition:opacity 200ms ease; 
    -o-transition:opacity 200ms ease; 
    transition:opacity 200ms ease; 
    -webkit-border-radius:30px; 
    -moz-border-radius:30px; 
    border-radius:30px; 
} 

Это Bootstrap Carousel:

.carousel-indicators li{ 
    display:inline-block; 
    width:10px; 
    height:10px; 
    margin:1px; 
    text-indent:-999px; 
    cursor:pointer; 
    background-color: #ff0000 !important; 
    border:1px solid #fff; 
    border-radius:10px; 
} 

Answer 2

попробуйте

.owl-pagination .owl-page span { 
    background-color: white; 
} 
.owl-pagination .owl-page .active span 
{ 
    background-color: aqua; 
}