title: Attempting to modify the tooltip color of Bootstrap tooltips
body: <p>I'll keep this short and sweet. I'm unaware of a method to freeze JavaScript/HTML on the fly to debug the tooltip that display within the Bootstrap UI, but I was able to track down and modify the majority of the default "black" base color.  However, I'm unable to track down where the code lives to change the top "arrow" on the tooltips I've built out here: <a href="http://jsfiddle.net/jodriscoll/xPCST/" rel="nofollow">http://jsfiddle.net/jodriscoll/xPCST/</a>.</p>
  
  <pre><code>/* override the tooltip color theme */
  .tooltip-inner,
  .tooltip.top .tooltip-arrow,
  .tooltip.top-left .tooltip-arrow,
  .tooltip.top-right .tooltip-arrow,
  .tooltip.right .tooltip-arrow,
  .tooltip.left .tooltip-arrow
  .tooltip.bottom .tooltip-arrow,
  .tooltip.bottom-left .tooltip-arrow,
  .tooltip.bottom-right .tooltip-arrow {
      background-color: rgb(220,40,30);
      border-color: rgb(220,40,30);
  }
  </code></pre>
  
  <p>If anyone can either let me know where this code lives, or how to pause JavaScript on a page so I can target the container being created towards the bottom of the page, I'd greatly appreciate it :)</p>