title: Can't override !important rule at wordpress "One take template"
body: <p>There is a !important rule on my template that was inserted by the developer himself, and it doesn't matter what I do, I won't be able to override it. I'm trying to style a single element in the site's top menu, at <a href="http://akecheta.com" rel="nofollow">http://akecheta.com</a>
  I can do it with the console, it works on client side, so I update my custom.css code and when I reload the page, nothing actually changed.</p>
  
  <p>This is my code:</p>
  
  <pre><code>&lt;li id="menu-item-1590" class="bp-menu bp-login-nav menu-item menu-item-type-custom menu-item-object-custom menu-item-1591"&gt;&lt;a href="http://akecheta.com/wp-login.php?action=login&amp;amp;redirect_to=http%3A%2F%2Fakecheta.com%2Fmembers%2Fadministrador%2F&amp;amp;_wpnonce=6e8d66da25"&gt;&lt;span&gt;Log Out&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>The css rule annoying me is:</p>
  
  <pre><code>.site-nav &gt; ul li a {
    color: #000000 !important;
  }
  </code></pre>
  
  <p>I've tried overriding it like this:</p>
  
  <pre><code> .site-nav.bp-menu.bp-login-nav &gt; ul &gt; li + li {
  color: #ff000 !important;
    font-weight: 900;
  }
  </code></pre>
  
  <p>This</p>
  
  <pre><code>.bp-menu.bp-login-nav a {
    color: rgb(249, 24, 24) !important;
    font-weight: bold;
  }
  </code></pre>
  
  <p>this</p>
  
  <pre><code>li#menu-item-1590 a {
        color: rgb(249, 24, 24) !important;
        font-weight: bold;
      }
  </code></pre>
  
  <p>this</p>
  
  <pre><code>li#menu-item-1590.bp-menu.bp-login-nav a {
            color: rgb(249, 24, 24) !important;
            font-weight: bold;
          }
  </code></pre>
  
  <p>And this</p>
  
  <pre><code>li#menu-item-1590.site-nav &gt; ul li a {
        color: #000000 !important;
      }
  </code></pre>
  
  <p>Where .bp-menu and .bp-login-nav are two classes used by a plugin that has a link in the menu. I suspect there is also javascript involved, but I don't know where.</p>
  
  <p>UPTADE</p>
  
  <p>It is #menu-item-1590, not #menu-item-1591
  And is .bp-login-nav not .bp-logout-nav</p>
  
  <p>The previous ones are for loggedin users only. Sorry.</p>