https://www.codeply.com/go/BeGG18qglJ/bootstrap-4-tooltip-style
<div class="container">
<br>
<a href data-toggle="tooltip" data-placement="right" title="Tooltip on right">Tooltip</a>
</div>
.tooltip-inner {
background-color: #00cc00;
}
.tooltip.bs-tooltip-right .arrow:before {
border-right-color: #00cc00 !important;
}
.tooltip.bs-tooltip-left .arrow:before {
border-right-color: #00cc00 !important;
}
.tooltip.bs-tooltip-bottom .arrow:before {
border-right-color: #00cc00 !important;
}
.tooltip.bs-tooltip-top .arrow:before {
border-right-color: #00cc00 !important;
}