Changing icons of the modules Current Weather and Weather Forecast

[Manu85]

@sdetweil Hello, I didn’t succeed in feeling like, but it doesn’t matter, I’ll leave it like that…
if I understood correctly I need to keep my MM up to date, do I need to run your script every 3 months or is there a solution to do it automatically and is it also possible for the mirror modules?

[Manu85]

@sdetweil I got a weather module update alert, I tried to update, but I got this error message, did I do something wrong?

pi@MagicMirror:~/MagicMirror/modules/MMM-OneCallWeather $ git pull
Depuis https://github.com/KristjanESPERANTO/MMM-OneCallWeather
   f7f964d..0069540  main       -> origin/main
Mise ▒ jour f7f964d..0069540
error: Vos modifications locales aux fichiers suivants seraient ▒cras▒es par la fusion▒:
        MMM-OneCallWeather.js
        package-lock.json
Veuillez valider ou remiser vos modifications avant la fusion.
Abandon
pi@MagicMirror:~/MagicMirror/modules/MMM-OneCallWeather $

[sdetweil]

@Manu85 said in Changing icons of the modules Current Weather and Weather Forecast:

    MMM-OneCallWeather.js

because you changed it.

git checkout MMM-OneCallWeather.js

remember, never change module code, all config goes in config.js

tempUnits: "metric"

NOT “C”

package-lock.json, erase it then git pull

[Manu85]

@sdetweil If I understood correctly it is that I changed something in ```
MMM-OneCallWeather.js

I understand that you are saying that I changed the value from ```
tempUnits: "metric"
``` to ```
tempUnits: "c" 
```? I didn't touch it, it's like that in the file (I gave you a screenshot from github) and I promise you that I understand that nothing should be changed in these folders.
so now I have to pass the line: ```
git checkout MMM-OneCallWeather.js 
```?
and then I delete: package-lock.json and then I do git pull, should I put: ```
tempUnits: "metric"
``` so different from what is in the ```
MMM-OneCallWeather.js
```?

[Manu85]

@sdetweil

[sdetweil]

@Manu85 ok, got confused with default weather module using same property

“C” is correct

[Manu85]

@sdetweil it’s ok, I did as you told me and everything is in order, when you have a moment can you answer my previous question about updates if you can like it?

[Manu85]

@sdetweil I have AGAIN one question I would like to change the size of the weather forecat icons, by opening the console (crtl+shift+i) I see that if I change the number (highlighted in yellow) it changes the size of the icon, for example against I don’t know how to put this in the custom css

[sdetweil]

@Manu85 yes, I think you correct.on updated. I see he fixed the colored property and you updated the module.

[sdetweil]

@Manu85 icon size swipe to mark that stuff in the upper right box, ctrl-c to copy

in your editor open on

custom.css at the bottom

paste it in

and put the proper selector around it

maybe

.weather .icon { 
}

what was the stuff on the line you selected. hard to see here on my phone (img?)

[Manu85]

@sdetweil the selected content is as follows, if I put for example 64 instead of 44 the icon is enlarged

[sdetweil]

@Manu85 i meant the html view item

we need to make a selector clause in the custom.css to select JUST the icon images, right

.weather img ???? {
the stuff from the tip right box, pasted in here
}

you don’t want EVERY img in weather…

[Manu85]

@sdetweil I just want to enlarge these images, tell me what elements you need because I cannot select the entire line of icons I can only select one in the console with ctrl shift i

[sdetweil]

@Manu85 it has a class weather-icon

so you want the img under weather-icon under the weather module (I think)

.weather .weather-icon img {
your stuff
}

[sdetweil]

@Manu85 so you put that into custom.css and hit refresh(f5) on the dev window to see the results

[Manu85]

@sdetweil I hope I expressed myself well, I want to enlarge the weather icons for each day of the week

[sdetweil]

@Manu85 yes each icon uses the same weather-icon class. not just one

try it

[Manu85]

@sdetweil I put this in custom.css?

.weather .weather-icon img {

  }

[sdetweil]

@Manu85 AND the sizing stuff u created n the developer console upper right window inside the braces, copy/paste

swipe them with the mouse, copy

[Manu85]

@sdetweil 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

.weather .weather-icon img {
   max-width: 64px;
  }

default is 44px
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