title: Apply CSS to JQuery tooltip
body: <p>I try to apply a CSS to all the tooltip on my <code>html</code> page but can't find the way to do it. </p>
  
  <p>I have done my research and found some results <a href="https://stackoverflow.com/questions/15054294/jquery-ui-tooltip-custom-class-on-page-load">here</a>, and <a href="https://stackoverflow.com/questions/4780759/overriding-css-styles-of-the-jquery-ui-tooltip-widget">there</a> for instance, but can't make it work. </p>
  
  <p>Here is part from my <code>html</code> page: </p>
  
  <pre><code>&lt;div class="col-sm-3 text-center" title="Tooltip title"&gt; &lt;/div&gt;
  </code></pre>
  
  <p>And since I reference all the <code>tooltips</code> on this page: </p>
  
  <pre><code>(function (window, $) {   
      // Set the Tooltips
      $(document).ready(function(){
          $(document).tooltip({
              tooltipClass: "tooltip-styling"
          });
      });
  })(window, $);
  </code></pre>
  
  <p><code>tooltip-styling</code> is the following <code>CSS class</code>: </p>
  
  <pre><code>.tooltip-styling{
      background-color:red !important;
      color: red !important;
  }
  </code></pre>
  
  <p>Nothing fancy, just wanted to check if the style is applied.</p>
  
  <p>As you have guessed, it is not. </p>
  
  <p>What should i do more?</p>