Bootstrap 4 tooltip arrow color. . The current code I have: Jul 29, 2014 · This code creates the popover with a arrow how can we change the color of this arrow. I've googled about for an hour and the snippets that I found did not work. Dec 18, 2024 · This will change the tooltip's arrow and inner background to red. tooltip-inner { color: #181818; background-color: #fff; } . Codeply example. You can replace #f00 with any desired color code to customize the tooltip's color. arrow::before { border-top-color: #fff; } Best to use dev tools in browser to inspect the element to see what the arrow class is being used. I would also like to change the colour of the little triangle below. Depending on options and placement of you popover will determine the class used. v5r yfzrb 83zyxn e1 qvy08 iu5r s9xjfd eq tfqgckm xmf