How to remove bullets from ul? : <p>I've read multiple topics with this same question and tried following all instructions but I can't seem to remove the bullets from the following <code>&lt;ul&gt; &lt;li&gt;</code> segment.</p>

<pre><code>&lt;div id="mobile-contact-bar-outer"&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a data-rel="external" href="tel:+18885551212"&gt;&lt;span class="fa-stack fa-3x"&gt;&lt;i class="fa-fw fas fa-phone"&gt;&lt;/i&gt;
&lt;span class="screen-reader-text"&gt;Phone Number for calling&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a data-rel="external" href="mailto:name@email.com"&gt;&lt;span class="fa-stack fa-3x"&gt;&lt;i class="fa-fw far fa-envelope"&gt;&lt;/i&gt;&lt;span class="screen-reader-text"&gt;Email Address&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
</code></pre>

<p>I've added both:</p>

<pre><code>div#mobile-contact-bar-outer {
    list-style-type: none!important;
}

div#mobile-contact-bar {
    list-style-type: none!important;
}
</code></pre>

<p>Neither have any effect.  What am I missing?  No caching on site.</p>
