Changing icons of the modules Current Weather and Weather Forecast

Manu85

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

sdetweil

@Manu85 ok hang on. I’ll get my laptop …

Manu85

@sdetweil OK thanks

sdetweil

@Manu85 ok, i think this is what you want

add

classes:"forecast",

the the weather forecast , after the module:“weather”, line

then add this to custom.css

.forecast .weathericon {
    font-size: 125%;
}

you can change the font-size bigger too

refresh the mm page

manu85340

@sdetweil ok thanks I’ll try that when I get home

Manu85

@sdetweil I added in js.config

classes:"forecast",

after the line:

module: "MMM-OneCallWeather",

then in custom css:

.forecast .weather-icon {
     font-size: 125%;
}

I refreshed but it doesn’t change anything…

sdetweil

@Manu85 sorry, darn using the default calendar again… hang on
this TOPIC is about default calendar and weather

sdetweil

@Manu85 in custom.css

.MMM-OneCallWeather .weather-icon  img {
    max-width: 64px !important;    
}

Manu85

@sdetweil 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!
I modified the custom and it works, thanks again for that

Manu85

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