<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Change heading color]]></title><description><![CDATA[<p dir="auto">Hello,<br />
I have changed the color of all the regular text on my mirror by using the color argument. What would I need to add to my custom.css to assign a color to all the headers? I’m looking for a simple solution if possible.</p>
<pre><code>body {
       margin:0px;
       height:100%;
       width: 100%;
       zoom: 110%;
       **color : white ;**
       position : absolute;
}
</code></pre>
<p dir="auto">Thanks</p>
]]></description><link>https://forum.magicmirror.builders/topic/2651/change-heading-color</link><generator>RSS for Node</generator><lastBuildDate>Tue, 21 Apr 2026 16:46:41 GMT</lastBuildDate><atom:link href="https://forum.magicmirror.builders/topic/2651.rss" rel="self" type="application/rss+xml"/><pubDate>Sun, 28 May 2017 16:21:02 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to Change heading color on Mon, 29 May 2017 01:52:12 GMT]]></title><description><![CDATA[<p dir="auto">Thank you for both your help.<br />
<a class="plugin-mentions-user plugin-mentions-a" href="/user/anhalter42" aria-label="Profile: Anhalter42">@<bdi>Anhalter42</bdi></a> said in <a href="/post/22120">Change heading color</a>:</p>
<blockquote>
<p dir="auto">header {<br />
color: green;<br />
}</p>
</blockquote>
<p dir="auto">That’s exactly what I was looking for.</p>
]]></description><link>https://forum.magicmirror.builders/post/22124</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/22124</guid><dc:creator><![CDATA[d3r]]></dc:creator><pubDate>Mon, 29 May 2017 01:52:12 GMT</pubDate></item><item><title><![CDATA[Reply to Change heading color on Mon, 29 May 2017 01:20:48 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/anhalter42" aria-label="Profile: Anhalter42">@<bdi>Anhalter42</bdi></a> said in <a href="/post/22120">Change heading color</a>:</p>
<blockquote>
<p dir="auto">Why bother with individual modules? If you do it for every module, isn’t it the same as simply styling header in general?</p>
</blockquote>
<p dir="auto">I was just offering what I knew how to do. Thanks for pointing out what I didn’t know how to do. I did say, " I wouldn’t know how to do it universally" in the post you responded to. Yup, I did.</p>
]]></description><link>https://forum.magicmirror.builders/post/22121</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/22121</guid><dc:creator><![CDATA[Mykle1]]></dc:creator><pubDate>Mon, 29 May 2017 01:20:48 GMT</pubDate></item><item><title><![CDATA[Reply to Change heading color on Mon, 29 May 2017 00:40:18 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/mykle1" aria-label="Profile: Mykle1">@<bdi>Mykle1</bdi></a> Why bother with individual modules? If you do it for every module, isn’t it the same as simply styling <code>header</code> in general?</p>
<p dir="auto">I don’t know if we agree on the term “header”. For me, the following changes the color of the text of every module-headline to green:</p>
<pre><code>#custom.css
header {
    color: green;
}
</code></pre>
<p dir="auto">(Note: <code>.header</code> does not!)</p>
]]></description><link>https://forum.magicmirror.builders/post/22120</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/22120</guid><dc:creator><![CDATA[Anhalter42]]></dc:creator><pubDate>Mon, 29 May 2017 00:40:18 GMT</pubDate></item><item><title><![CDATA[Reply to Change heading color on Sun, 28 May 2017 18:22:06 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/d3r" aria-label="Profile: d3r">@<bdi>d3r</bdi></a> said in <a href="/post/22106">Change heading color</a>:</p>
<blockquote>
<p dir="auto">I’m looking for a simple solution if possible.</p>
</blockquote>
<p dir="auto">I don’t know if you consider this a simple solution, but you could add an entry for each module using the following.</p>
<pre><code>body {
       margin:0px;
       height:100%;
       width: 100%;
       zoom: 110%;
       **color : white ;**
       position : absolute;
}

.MMM-Fortune .header {
  color: white;  /* any HEX color will do  */
}
</code></pre>
<p dir="auto"><code>.MMM-Fortune</code> being the name of your module. One for each module’s header. I wouldn’t know how to do it universally, but you’re only talking about 10? modules. Copy and paste into your custom.css file a few times, change the name for each module, done.</p>
]]></description><link>https://forum.magicmirror.builders/post/22108</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/22108</guid><dc:creator><![CDATA[Mykle1]]></dc:creator><pubDate>Sun, 28 May 2017 18:22:06 GMT</pubDate></item></channel></rss>