Skip to content

How To Change Tooltip Arrow Color In Bootstrap 5

With Bootstrap 5 you might be wondering how to change the tooltip arrow. It’s quite simple, you have to target each tooltip position and change the border color of each .tooltip-arrow pseudo-element regarding their positions. .tooltip-arrow::before {
      border-top-color: red;
    } .tooltip-arrow::before {
      border-bottom-color: red;
    } .tooltip-arrow::before {
      border-left-color: red;
    } .tooltip-arrow::before {
      border-right-color: red;

Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.