search

jharttech / MMM-weatherforecast

Custom weather module based off of the MagicMirror default weatherforecast module. This edit allows the days to be shown across the screen with added icons.
GNU General Public License v3.0
10 stars 11 forks source link

Icon Size #9

Open harneyphoto opened 3 years ago

harneyphoto commented 3 years ago

Is it possible to change the icon size. I am setting up a 5inch touch screen clock etc, and have included your forecast module under the openweather module. This works well as they use the samne icons. Problem is I can't alter the size of the icons. I have tried changin the CSS file entries to approx 50% but it makes no difference to the size. Is there anyway I can reduce the size and spacing so its smaller. As you can see, the forecast icons are much larger then the Current weather icon. height:30px; width:43.5px; display: block; background-image : url("/css/icon/26.png"); background-size: 43.7px 30px;

Untitled |Cheers for a great module otherwise

Kevin-Brockman commented 10 months ago

You can update the CSS from ".weatherforecast" to ".MMM-weatherforecast" and the CSS settings will then apply If you want to change the size, that can then be done in the CSS for your needs

greedyvegan commented 8 months ago

You can update the CSS from ".weatherforecast" to ".MMM-weatherforecast" and the CSS settings will then apply If you want to change the size, that can then be done in the CSS for your needs

is there a way to change the size of them all or do you have to change them individually?