<?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[Changing icons of the modules Current Weather and Weather Forecast]]></title><description><![CDATA[<p dir="auto">Hello World,<br />
I want try to change icons on the Current Weather and Weather Forecast.<br />
I love the Icons of MMM Wunderground but i can’t have an API Key free from  Weather Underground site. How i can do that ?<br />
Best regard<br />
Luciano</p>
]]></description><link>https://forum.magicmirror.builders/topic/7227/changing-icons-of-the-modules-current-weather-and-weather-forecast</link><generator>RSS for Node</generator><lastBuildDate>Mon, 20 Jul 2026 22:10:31 GMT</lastBuildDate><atom:link href="https://forum.magicmirror.builders/topic/7227.rss" rel="self" type="application/rss+xml"/><pubDate>Thu, 24 May 2018 06:47:49 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to Changing icons of the modules Current Weather and Weather Forecast on Thu, 01 Feb 2024 13:43:12 GMT]]></title><description><![CDATA[<p dir="auto">thanks to <a class="plugin-mentions-user plugin-mentions-a" href="/user/kristjanesperanto" aria-label="Profile: KristjanESPERANTO">@<bdi>KristjanESPERANTO</bdi></a> for his help</p>
]]></description><link>https://forum.magicmirror.builders/post/115200</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/115200</guid><dc:creator><![CDATA[Manu85]]></dc:creator><pubDate>Thu, 01 Feb 2024 13:43:12 GMT</pubDate></item><item><title><![CDATA[Reply to Changing icons of the modules Current Weather and Weather Forecast on Thu, 01 Feb 2024 12:48:36 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/sdetweil" aria-label="Profile: sdetweil">@<bdi>sdetweil</bdi></a> for information and for other people I put in my custom.css, thank you for your help</p>
<pre><code>.weather-icon &gt; span &gt; img {
      height: 72px; /* to adjust the size of the "wind bubble*/
}
</code></pre>
]]></description><link>https://forum.magicmirror.builders/post/115197</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/115197</guid><dc:creator><![CDATA[Manu85]]></dc:creator><pubDate>Thu, 01 Feb 2024 12:48:36 GMT</pubDate></item><item><title><![CDATA[Reply to Changing icons of the modules Current Weather and Weather Forecast on Tue, 30 Jan 2024 22:10:24 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/sdetweil" aria-label="Profile: sdetweil">@<bdi>sdetweil</bdi></a> It’s good I found it, thank you again for your help</p>
<p dir="auto"><img src="/assets/uploads/files/1706652572791-0cb45243-26f6-4bf6-85ae-12d67cdd84c2-image.png" alt="0cb45243-26f6-4bf6-85ae-12d67cdd84c2-image.png" class=" img-fluid img-markdown" /></p>
]]></description><link>https://forum.magicmirror.builders/post/115174</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/115174</guid><dc:creator><![CDATA[Manu85]]></dc:creator><pubDate>Tue, 30 Jan 2024 22:10:24 GMT</pubDate></item><item><title><![CDATA[Reply to Changing icons of the modules Current Weather and Weather Forecast on Tue, 30 Jan 2024 21:16:08 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/sdetweil" aria-label="Profile: sdetweil">@<bdi>sdetweil</bdi></a> ok, thanks again for all your help, I’ll try again</p>
]]></description><link>https://forum.magicmirror.builders/post/115173</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/115173</guid><dc:creator><![CDATA[Manu85]]></dc:creator><pubDate>Tue, 30 Jan 2024 21:16:08 GMT</pubDate></item><item><title><![CDATA[Reply to Changing icons of the modules Current Weather and Weather Forecast on Tue, 30 Jan 2024 21:11:22 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/manu85" aria-label="Profile: Manu85">@<bdi>Manu85</bdi></a> sorry  I do not know.</p>
]]></description><link>https://forum.magicmirror.builders/post/115172</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/115172</guid><dc:creator><![CDATA[sdetweil]]></dc:creator><pubDate>Tue, 30 Jan 2024 21:11:22 GMT</pubDate></item><item><title><![CDATA[Reply to Changing icons of the modules Current Weather and Weather Forecast on Tue, 30 Jan 2024 21:10:02 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/manu85" aria-label="Profile: Manu85">@<bdi>Manu85</bdi></a> said in <a href="/post/115170">Changing icons of the modules Current Weather and Weather Forecast</a>:</p>
<blockquote>
<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/sdetweil" aria-label="Profile: sdetweil">@<bdi>sdetweil</bdi></a> I thought it was going to be simple…but no… I would like to enlarge the wind speed “bubble” because at the moment there is one number but when there are two for example 35 then it will exceed<br />
I selected this part, is it correct?</p>
<p dir="auto"><img src="/assets/uploads/files/1706648324980-cc5eaf4e-5689-4b3d-9046-0a20229972bc-image.png" alt="cc5eaf4e-5689-4b3d-9046-0a20229972bc-image.png" class=" img-fluid img-markdown" /><br />
then in the table I have this, with “img” at the bottom like for the weather icons and I don’t know what to put in css.custom to choose only this part, I tried many things but without success before giving you ask for help again</p>
<p dir="auto"><img src="/assets/uploads/files/1706648363405-8d2c6a90-b18d-4669-b689-73a8a8b2405f-image.png" alt="8d2c6a90-b18d-4669-b689-73a8a8b2405f-image.png" class=" img-fluid img-markdown" /><br />
on the right I have this</p>
<p dir="auto"><img src="/assets/uploads/files/1706648416850-be911347-82f0-46e5-bac7-900886c7878e-image.png" alt="be911347-82f0-46e5-bac7-900886c7878e-image.png" class=" img-fluid img-markdown" /></p>
</blockquote>
]]></description><link>https://forum.magicmirror.builders/post/115171</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/115171</guid><dc:creator><![CDATA[Manu85]]></dc:creator><pubDate>Tue, 30 Jan 2024 21:10:02 GMT</pubDate></item><item><title><![CDATA[Reply to Changing icons of the modules Current Weather and Weather Forecast on Tue, 30 Jan 2024 20:35:17 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/manu85" aria-label="Profile: Manu85">@<bdi>Manu85</bdi></a> said in <a href="/post/115162">Changing icons of the modules Current Weather and Weather Forecast</a>:</p>
<blockquote>
<p dir="auto">I will try on other icons</p>
</blockquote>
<p dir="auto">it’s the same process  icons or text…</p>
]]></description><link>https://forum.magicmirror.builders/post/115169</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/115169</guid><dc:creator><![CDATA[sdetweil]]></dc:creator><pubDate>Tue, 30 Jan 2024 20:35:17 GMT</pubDate></item><item><title><![CDATA[Reply to Changing icons of the modules Current Weather and Weather Forecast on Tue, 30 Jan 2024 20:14:51 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/manu85" aria-label="Profile: Manu85">@<bdi>Manu85</bdi></a> awesome!!!</p>
]]></description><link>https://forum.magicmirror.builders/post/115164</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/115164</guid><dc:creator><![CDATA[sdetweil]]></dc:creator><pubDate>Tue, 30 Jan 2024 20:14:51 GMT</pubDate></item><item><title><![CDATA[Reply to Changing icons of the modules Current Weather and Weather Forecast on Tue, 30 Jan 2024 19:51:38 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/sdetweil" aria-label="Profile: sdetweil">@<bdi>sdetweil</bdi></a> I put that in my css…</p>
<pre><code>.MMM-OneCallWeather .weather-icon  p {
    top: -65px !important;    
    left: 16px  !important;  
}
</code></pre>
]]></description><link>https://forum.magicmirror.builders/post/115163</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/115163</guid><dc:creator><![CDATA[Manu85]]></dc:creator><pubDate>Tue, 30 Jan 2024 19:51:38 GMT</pubDate></item><item><title><![CDATA[Reply to Changing icons of the modules Current Weather and Weather Forecast on Tue, 30 Jan 2024 19:50:17 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/sdetweil" aria-label="Profile: sdetweil">@<bdi>sdetweil</bdi></a> thanks to you I succeeded, I hope I understood the logic well, I will try on other icons to be sure I understand, you are the best</p>
<p dir="auto"><img src="/assets/uploads/files/1706644050800-56c1d9eb-7e75-4786-a23e-346ecd8d35c1-image.png" alt="56c1d9eb-7e75-4786-a23e-346ecd8d35c1-image.png" class=" img-fluid img-markdown" /></p>
]]></description><link>https://forum.magicmirror.builders/post/115162</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/115162</guid><dc:creator><![CDATA[Manu85]]></dc:creator><pubDate>Tue, 30 Jan 2024 19:50:17 GMT</pubDate></item><item><title><![CDATA[Reply to Changing icons of the modules Current Weather and Weather Forecast on Tue, 30 Jan 2024 11:22:05 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/manu85" aria-label="Profile: Manu85">@<bdi>Manu85</bdi></a> topic.</p>
<p dir="auto">you should have been able to create a new topic</p>
]]></description><link>https://forum.magicmirror.builders/post/115155</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/115155</guid><dc:creator><![CDATA[sdetweil]]></dc:creator><pubDate>Tue, 30 Jan 2024 11:22:05 GMT</pubDate></item><item><title><![CDATA[Reply to Changing icons of the modules Current Weather and Weather Forecast on Tue, 30 Jan 2024 11:21:27 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/manu85" aria-label="Profile: Manu85">@<bdi>Manu85</bdi></a> so, you need to make the selector clause</p>
<p dir="auto">all the stuff before  the {</p>
<p dir="auto">you know it starts w the module name class (with a leading dot)</p>
<p dir="auto">the bottom of the html pane has a list of the elements tree. the rightmost is the thing u are selected on</p>
<p dir="auto">for your prior post (on my phone again)<br />
<img src="/assets/uploads/files/1706613544704-1706543513190-eccf1f82-12aa-4411-ae1c-611152e9678a-image.png" alt="1706543513190-eccf1f82-12aa-4411-ae1c-611152e9678a-image.png" class=" img-fluid img-markdown" /></p>
<p dir="auto">so you need to find the smallest unique list that makes it work. start from the right<br />
and you may have to use !important to force<br />
it.  css always uses the most specific attributes</p>
<p dir="auto">drawing w my thumb…</p>
]]></description><link>https://forum.magicmirror.builders/post/115154</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/115154</guid><dc:creator><![CDATA[sdetweil]]></dc:creator><pubDate>Tue, 30 Jan 2024 11:21:27 GMT</pubDate></item><item><title><![CDATA[Reply to Changing icons of the modules Current Weather and Weather Forecast on Tue, 30 Jan 2024 09:29:59 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/sdetweil" aria-label="Profile: sdetweil">@<bdi>sdetweil</bdi></a> I still need you, in the weather module there are “bubbles” with the wind speed inside, but the numbers are not centered, I made screenshots of the console and I saw where I can change the position however I am unable to put this in my custom css, can you help me please?</p>
<p dir="auto"><img src="/assets/uploads/files/1706606879725-3db6d3af-8390-4972-830a-1fde9be27cca-image.png" alt="3db6d3af-8390-4972-830a-1fde9be27cca-image.png" class=" img-fluid img-markdown" /></p>
<p dir="auto"><img src="/assets/uploads/files/1706606905666-78d73559-8422-4d49-a321-97630215656c-image.png" alt="78d73559-8422-4d49-a321-97630215656c-image.png" class=" img-fluid img-markdown" /></p>
<p dir="auto"><img src="/assets/uploads/files/1706606929460-d5c9e8aa-0945-4570-a26e-5afabc684d99-image.png" alt="d5c9e8aa-0945-4570-a26e-5afabc684d99-image.png" class=" img-fluid img-markdown" /></p>
]]></description><link>https://forum.magicmirror.builders/post/115147</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/115147</guid><dc:creator><![CDATA[Manu85]]></dc:creator><pubDate>Tue, 30 Jan 2024 09:29:59 GMT</pubDate></item><item><title><![CDATA[Reply to Changing icons of the modules Current Weather and Weather Forecast on Tue, 30 Jan 2024 08:51:50 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/sdetweil" aria-label="Profile: sdetweil">@<bdi>sdetweil</bdi></a> I’m sorry, it’s my fault, I mixed up the topics…but I didn’t know how to make another topic and let it be you who answers me!<br />
I modified the custom and it works, thanks again for that</p>
]]></description><link>https://forum.magicmirror.builders/post/115146</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/115146</guid><dc:creator><![CDATA[Manu85]]></dc:creator><pubDate>Tue, 30 Jan 2024 08:51:50 GMT</pubDate></item><item><title><![CDATA[Reply to Changing icons of the modules Current Weather and Weather Forecast on Tue, 30 Jan 2024 00:32:35 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/manu85" aria-label="Profile: Manu85">@<bdi>Manu85</bdi></a> in custom.css</p>
<pre><code class="language-css">.MMM-OneCallWeather .weather-icon  img {
    max-width: 64px !important;    
}
</code></pre>
]]></description><link>https://forum.magicmirror.builders/post/115145</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/115145</guid><dc:creator><![CDATA[sdetweil]]></dc:creator><pubDate>Tue, 30 Jan 2024 00:32:35 GMT</pubDate></item><item><title><![CDATA[Reply to Changing icons of the modules Current Weather and Weather Forecast on Tue, 30 Jan 2024 00:03:37 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/manu85" aria-label="Profile: Manu85">@<bdi>Manu85</bdi></a> sorry, darn  using the default calendar again…  hang on<br />
this TOPIC  is about default calendar and weather</p>
]]></description><link>https://forum.magicmirror.builders/post/115144</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/115144</guid><dc:creator><![CDATA[sdetweil]]></dc:creator><pubDate>Tue, 30 Jan 2024 00:03:37 GMT</pubDate></item><item><title><![CDATA[Reply to Changing icons of the modules Current Weather and Weather Forecast on Mon, 29 Jan 2024 23:02:01 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/sdetweil" aria-label="Profile: sdetweil">@<bdi>sdetweil</bdi></a> I added in js.config</p>
<pre><code>classes:"forecast",
</code></pre>
<p dir="auto">after the line:</p>
<pre><code>module: "MMM-OneCallWeather",
</code></pre>
<p dir="auto">then in custom css:</p>
<pre><code>.forecast .weather-icon {
     font-size: 125%;
}
</code></pre>
<p dir="auto">I refreshed but it doesn’t change anything…</p>
]]></description><link>https://forum.magicmirror.builders/post/115143</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/115143</guid><dc:creator><![CDATA[Manu85]]></dc:creator><pubDate>Mon, 29 Jan 2024 23:02:01 GMT</pubDate></item><item><title><![CDATA[Reply to Changing icons of the modules Current Weather and Weather Forecast on Mon, 29 Jan 2024 21:42:10 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/sdetweil" aria-label="Profile: sdetweil">@<bdi>sdetweil</bdi></a> ok thanks I’ll try that when I get home</p>
]]></description><link>https://forum.magicmirror.builders/post/115138</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/115138</guid><dc:creator><![CDATA[manu85340]]></dc:creator><pubDate>Mon, 29 Jan 2024 21:42:10 GMT</pubDate></item><item><title><![CDATA[Reply to Changing icons of the modules Current Weather and Weather Forecast on Mon, 29 Jan 2024 19:59:02 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/manu85" aria-label="Profile: Manu85">@<bdi>Manu85</bdi></a> ok, i think this is what you want</p>
<ol>
<li>add</li>
</ol>
<pre><code>classes:"forecast",
</code></pre>
<p dir="auto">the the weather forecast , after the module:“weather”, line</p>
<ol start="2">
<li>then add this to custom.css</li>
</ol>
<pre><code class="language-css">.forecast .weathericon {
    font-size: 125%;
}
</code></pre>
<p dir="auto">you can change the font-size bigger too</p>
<p dir="auto">refresh the mm page</p>
]]></description><link>https://forum.magicmirror.builders/post/115133</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/115133</guid><dc:creator><![CDATA[sdetweil]]></dc:creator><pubDate>Mon, 29 Jan 2024 19:59:02 GMT</pubDate></item><item><title><![CDATA[Reply to Changing icons of the modules Current Weather and Weather Forecast on Mon, 29 Jan 2024 19:25:47 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/sdetweil" aria-label="Profile: sdetweil">@<bdi>sdetweil</bdi></a> OK thanks</p>
]]></description><link>https://forum.magicmirror.builders/post/115131</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/115131</guid><dc:creator><![CDATA[Manu85]]></dc:creator><pubDate>Mon, 29 Jan 2024 19:25:47 GMT</pubDate></item><item><title><![CDATA[Reply to Changing icons of the modules Current Weather and Weather Forecast on Mon, 29 Jan 2024 18:45:10 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/manu85" aria-label="Profile: Manu85">@<bdi>Manu85</bdi></a> ok  hang on. I’ll get my laptop …</p>
]]></description><link>https://forum.magicmirror.builders/post/115129</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/115129</guid><dc:creator><![CDATA[sdetweil]]></dc:creator><pubDate>Mon, 29 Jan 2024 18:45:10 GMT</pubDate></item><item><title><![CDATA[Reply to Changing icons of the modules Current Weather and Weather Forecast on Mon, 29 Jan 2024 18:02:29 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/sdetweil" aria-label="Profile: sdetweil">@<bdi>sdetweil</bdi></a> yes, I saved the custom and when I type 64px instead of 44px I see the icon growing, but that doesn’t change anything and in the console window it’s always the same data</p>
<p dir="auto"><img src="/assets/uploads/files/1706551297067-6839169f-40d3-4cdc-b215-cb2a3c7dd902-image.png" alt="6839169f-40d3-4cdc-b215-cb2a3c7dd902-image.png" class=" img-fluid img-markdown" /></p>
]]></description><link>https://forum.magicmirror.builders/post/115128</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/115128</guid><dc:creator><![CDATA[Manu85]]></dc:creator><pubDate>Mon, 29 Jan 2024 18:02:29 GMT</pubDate></item><item><title><![CDATA[Reply to Changing icons of the modules Current Weather and Weather Forecast on Mon, 29 Jan 2024 17:47:27 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/manu85" aria-label="Profile: Manu85">@<bdi>Manu85</bdi></a> should be a strike thru on the 44px</p>
<p dir="auto">did u save the custom.css?</p>
]]></description><link>https://forum.magicmirror.builders/post/115127</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/115127</guid><dc:creator><![CDATA[sdetweil]]></dc:creator><pubDate>Mon, 29 Jan 2024 17:47:27 GMT</pubDate></item><item><title><![CDATA[Reply to Changing icons of the modules Current Weather and Weather Forecast on Mon, 29 Jan 2024 17:22:47 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/sdetweil" aria-label="Profile: sdetweil">@<bdi>sdetweil</bdi></a> I copied this line because it’s the one that enlarges the icon in the console, I put that in css.custom and it’s still the same</p>
<pre><code>.weather .weather-icon img {
   max-width: 64px;
  }
</code></pre>
<p dir="auto">default is 44px<br />
when I refresh the console page and I select the icon I don’t have any additional css.custom lines, I don’t know if my explanation is clear</p>
]]></description><link>https://forum.magicmirror.builders/post/115126</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/115126</guid><dc:creator><![CDATA[Manu85]]></dc:creator><pubDate>Mon, 29 Jan 2024 17:22:47 GMT</pubDate></item></channel></rss>