Apply CSS to JQuery tooltip
<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>