sbaaaang sbaaaang - 4 months ago 17
CSS Question

Styling the arrow on bootstrap tooltips

I'm trying to style tootltips using

.tooltip-inner{}


But i'm having troubles cause i can't find how to style tooltip small arrow.

As shown on screenshot the arrow of the tooltip is black i want to add new color on that:

enter image description here
any suggestion?

Answer

You can use this to change tooltip-arrow color

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #000000; /* black */
  border-width: 0 5px 5px;
}