Remove underline from CSS
<p>I see the other answers here on StackExchange, but I cannot seem to get the code right to remove the underlining from my hyperlinks!</p>

<p>In my Stylesheet here is everything relating to links:</p>

<pre><code>a {
  text-decoration: none; 
}
</code></pre>

<p>I added this line of text myself, trying to insert the code, here is what my theme already contained:</p>

<pre><code>a {
  transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
  outline: none;
  color: #161616;
  text-decoration: none;
}

a:hover, a:focus {
  color: #b49543;
  outline: none;
  text-decoration: none;
}

a:active {
  outline: none;
}
</code></pre>

<p>Anyone see what is wrong? I am seeing all text decoration marked as 'none'....</p>

<p>Thanks in advance!  </p>