H1 within a DIV not working
<p>I have a H1 tag with a color set to gray, but on the Home Page, the background color is dark blue, and the grey looks really bad (unreadable).  </p>

<p>When I inspect the element, this is what I see:</p>

<pre><code>&lt;div class="slide-content"&gt;
&lt;header&gt;
&lt;h1&gt;
Some Text
&lt;/h1&gt;
</code></pre>

<p></p>

<p>I tried adding the following rule to the WordPress CSS Editor:</p>

<pre><code>  .slide-content header:h1 {
    color: #FFF !important;
}
</code></pre>

<p>But the color remains gray.</p>

<p>Can anyone advise what I've done wrong?</p>

<p>Many thanks</p>