文系大学生がエンジニアを目指すブログ

Qiitaに書くまでもないメモ的な存在

Owl Carousel 2でナビゲーションのドットが表示されないバグ

owlcarousel2.github.io

I used “Owl Carousel 2”, but owl-dots disabled.

I added style to my css file.

.owl-dots {
  text-align: center;
  bottom: 5px;
  width: 100%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

.owl-dot {
  border-radius: 50px;
  height: 10px;
  width: 10px;
  display: inline-block;
  background: rgba(127,127,127, 0.5);
  margin-left: 5px;
  margin-right: 5px;
}

.owl-dot.active {
  background-color: #ea5514;
}

.owl-dots {
  text-align: center;
}