Для изменения цвета точек (dots) при нажатии в слайдере owl-carousel вам потребуется добавить свой собственный CSS-код.
1. Сначала вам необходимо найти элемент, отвечающий за точки (обычно это `<div class="owl-dots">`). Проанализируйте код страницы и найдите этот элемент.
2. Затем вы можете использовать псевдокласс `:hover` для изменения цвета точек при наведении на них. Вот пример CSS-кода:
```css
.owl-dots .owl-dot:hover {
background-color: red; /* Измените цвет на нужный вам */
}
```
3. Если вы хотите изменить цвет точек при активации (при нажатии на них), вы можете использовать псевдокласс `:active`. Например:
```css
.owl-dots .owl-dot:active {
background-color: blue; /* Измените цвет на нужный вам */
}
```
4. Однако, учитывайте, что pсевдокласс `:active` срабатывает только на время нажатия на точку, поэтому вы можете также использовать псевдокласс ':focus' для сохранения изменения цвета до тех пор, пока другая точка не будет выбрана. Пример:
```css
.owl-dots .owl-dot:focus {
background-color: green; /* Измените цвет на нужный вам */
}
```
Обратите внимание, что вы должны вставить этот CSS-код в ваш проект после того, как подключите CSS-файл owl-carousel, чтобы он перезаписал стили, заданные по умолчанию.
Надеюсь, это поможет вам настроить цвет точек в вашем слайдере owl-carousel.