title: Remove underline from CSS
body: <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>