How to change the color and size of slide indicators?

Question

css

I can't change their size or color
in any way Bootstrap code:

<!-- Indicators -->
  <ol class="carousel-indicators slide-icons">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
  <li data-target="#carousel-example-generic" data-slide-to="3"></li>
  <li data-target="#carousel-example-generic" data-slide-to="4"></li>
  <li data-target="#carousel-example-generic" data-slide-to="5"></li>
  </ol>

Answer 1

Maybe try custom styles after bootstrap? maybe your styles are just overlapping.