<?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[MMM-WunderGround24Hours: How to set transparent background?]]></title><description><![CDATA[<p dir="auto">Hi,</p>
<p dir="auto">I want to use mm2 as digital picture frame with background images from MMM-RandomPhoto. Everything look/works fine but mm module <a href="https://github.com/thobach/MMM-WunderGround24Hours" target="_blank" rel="noopener noreferrer nofollow ugc">https://github.com/thobach/MMM-WunderGround24Hours</a> shows black background. How can I make it transparent like the other modules?</p>
<p dir="auto">Thx</p>
]]></description><link>https://forum.magicmirror.builders/topic/6098/mmm-wunderground24hours-how-to-set-transparent-background</link><generator>RSS for Node</generator><lastBuildDate>Sat, 09 May 2026 17:13:00 GMT</lastBuildDate><atom:link href="https://forum.magicmirror.builders/topic/6098.rss" rel="self" type="application/rss+xml"/><pubDate>Sun, 07 Jan 2018 11:18:00 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to MMM-WunderGround24Hours: How to set transparent background? on Sat, 16 Mar 2019 12:08:22 GMT]]></title><description><![CDATA[<p dir="auto">Please note this module was migrated to use the Dark Sky API and is now available as “MMM-DarkSky24Hours” under <a href="https://github.com/thobach/MMM-DarkSky24Hours" target="_blank" rel="noopener noreferrer nofollow ugc">https://github.com/thobach/MMM-DarkSky24Hours</a>.</p>
]]></description><link>https://forum.magicmirror.builders/post/54380</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/54380</guid><dc:creator><![CDATA[thobach]]></dc:creator><pubDate>Sat, 16 Mar 2019 12:08:22 GMT</pubDate></item><item><title><![CDATA[Reply to MMM-WunderGround24Hours: How to set transparent background? on Sat, 16 Mar 2019 12:05:31 GMT]]></title><description><![CDATA[<p dir="auto">Please note this module was migrated to use the Dark Sky API and is now available as “MMM-DarkSky24Hours” under <a href="https://github.com/thobach/MMM-DarkSky24Hours" target="_blank" rel="noopener noreferrer nofollow ugc">https://github.com/thobach/MMM-DarkSky24Hours</a>.</p>
]]></description><link>https://forum.magicmirror.builders/post/54379</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/54379</guid><dc:creator><![CDATA[thobach]]></dc:creator><pubDate>Sat, 16 Mar 2019 12:05:31 GMT</pubDate></item><item><title><![CDATA[Reply to MMM-WunderGround24Hours: How to set transparent background? on Sun, 07 Jan 2018 18:30:06 GMT]]></title><description><![CDATA[<p dir="auto">Ah,  now I understand. Many Thanks!</p>
]]></description><link>https://forum.magicmirror.builders/post/33537</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/33537</guid><dc:creator><![CDATA[Unknown]]></dc:creator><pubDate>Sun, 07 Jan 2018 18:30:06 GMT</pubDate></item><item><title><![CDATA[Reply to MMM-WunderGround24Hours: How to set transparent background? on Sun, 07 Jan 2018 17:41:20 GMT]]></title><description><![CDATA[<p dir="auto">The module’s css file is the last one to be called so its values override that of the custom.css. I should have mentioned that. You can try</p>
<pre><code>body, html {
	background: none !important;
}
</code></pre>
<p dir="auto"><s>Changing settings of items not within the module is bad practice imho and shouldn’t be done (read: setting the main background when the module’s css should only do stuff within the module itself), but customizing within the module is also bad practice. And lastly, using <em>!important</em> is also not best practice, but in this case, I think we need to use it.</s></p>
<p dir="auto"><strong>Edit: Disregard that. I just saw that it’s an iframe.</strong><br />
You have to change the module’s main.css. Usually, you cannot set css values in the content of the iframe (though I’m not 100% sure in this case, where it’s both within the same domain) without some jQuery and I guess you don’t want to build a module just to style another module. ;)</p>
]]></description><link>https://forum.magicmirror.builders/post/33527</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/33527</guid><dc:creator><![CDATA[doubleT]]></dc:creator><pubDate>Sun, 07 Jan 2018 17:41:20 GMT</pubDate></item><item><title><![CDATA[Reply to MMM-WunderGround24Hours: How to set transparent background? on Sun, 07 Jan 2018 17:23:48 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> said in <a href="/post/33524">MMM-WunderGround24Hours: How to set transparent background?</a>:</p>
<blockquote>
<p dir="auto">html {<br />
background: none;<br />
}</p>
</blockquote>
<p dir="auto">still not working with modifikation in custom.css… If I change it in Main.css in the module it self it works fine.</p>
<pre><code>pi@MagicMirror2:/home/pi/MagicMirror/css# cat custom.css

/*****************************************************
 * Magic Mirror                                      *
 * Custom CSS                                        *
 *                                                   *
 * By Michael Teeuw http://michaelteeuw.nl           *
 * MIT Licensed.                                     *
 *                                                   *
 * Add any custom CSS below.                         *
 * Changes to this files will be ignored by GIT.     *
 *****************************************************/

html {
  background: none;
}
</code></pre>
<pre><code>pi@MagicMirror2:/home/pi/MagicMirror/modules/MMM-WunderGround24Hours/public/css# head main.css
body, html {
        background: #000;
        padding: 0px;
        margin: 0px;
        width:100%;
        height: 100%;

        letter-spacing: -2px;
        color: #fff;
        font-size: 75px;

</code></pre>
]]></description><link>https://forum.magicmirror.builders/post/33526</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/33526</guid><dc:creator><![CDATA[Unknown]]></dc:creator><pubDate>Sun, 07 Jan 2018 17:23:48 GMT</pubDate></item><item><title><![CDATA[Reply to MMM-WunderGround24Hours: How to set transparent background? on Sun, 07 Jan 2018 16:42:31 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/unknown" aria-label="Profile: Unknown">@<bdi>Unknown</bdi></a></p>
<pre><code>html {
  background: none;
}
</code></pre>
]]></description><link>https://forum.magicmirror.builders/post/33524</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/33524</guid><dc:creator><![CDATA[Mykle1]]></dc:creator><pubDate>Sun, 07 Jan 2018 16:42:31 GMT</pubDate></item><item><title><![CDATA[Reply to MMM-WunderGround24Hours: How to set transparent background? on Sun, 07 Jan 2018 16:30:40 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/doublet" aria-label="Profile: doubleT">@<bdi>doubleT</bdi></a>: Thx. “background: none;” is working in the main.css file. I deleted the whole “background: #000;” entry which was not working…</p>
<p dir="auto">I don’t understand why my /home/pi/MagicMirror/css/custom.css is not working :-(</p>
<pre><code>
/*****************************************************
 * Magic Mirror                                      *
 * Custom CSS                                        *
 *                                                   *
 * By Michael Teeuw http://michaelteeuw.nl           *
 * MIT Licensed.                                     *
 *                                                   *
 * Add any custom CSS below.                         *
 * Changes to this files will be ignored by GIT. *
 *****************************************************/

 body, html {
        background: none;
 }


</code></pre>
]]></description><link>https://forum.magicmirror.builders/post/33519</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/33519</guid><dc:creator><![CDATA[Unknown]]></dc:creator><pubDate>Sun, 07 Jan 2018 16:30:40 GMT</pubDate></item><item><title><![CDATA[Reply to MMM-WunderGround24Hours: How to set transparent background? on Sun, 07 Jan 2018 14:27:05 GMT]]></title><description><![CDATA[<p dir="auto">That module has a css file (public/css/main.css) that sets the background color to black:</p>
<pre><code>body, html {
	background: #000;
</code></pre>
<p dir="auto">#000 is shortened hexadecimal code for black. The line should read</p>
<pre><code>	background: none;
</code></pre>
<p dir="auto"><strong>But:</strong> don’t write this in the modules own css file. That’s not the clean solution and brings trouble when the module is updated in the future.</p>
<p dir="auto">You probably already edited the custom.css file, right? Try adding:</p>
<pre><code>body, html {
	background: none;
</code></pre>
<p dir="auto">What I find odd is that you said it’s just that module but that code would apply to the whole screen.</p>
]]></description><link>https://forum.magicmirror.builders/post/33504</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/33504</guid><dc:creator><![CDATA[doubleT]]></dc:creator><pubDate>Sun, 07 Jan 2018 14:27:05 GMT</pubDate></item></channel></rss>