Carousel Indicators Colour

Changing the “Prev” and “Next” is a little more tricky as they are SVG images. However, its simpler to use “Font Awesome” icons via BSS.

  • Search for “Icon” on top left
  • Drag it under the first Span under “Previous” and “Next”
  • Double click on the icon and search for “chevron” and select the “right” and “left” accordingly.
  • Change colours of the chevrons from UI or any styling

In addition, you’ll have to remove the existing svg for the controls with the following CSS:

.carousel .carousel-control-next-icon, .carousel-control-prev-icon { background-image: none; }