MMM-OpenWeatherForecast formatting problem?

[rmonkey]

MMM-OpenWeatherForecast looks like the weather module I want to use.

But I’m getting a strange formatting thing – look at the attached screenshot. The icons are giant and the module runs off the screen.

Any ideas? It’s installed per the insrtuctions and up-to-date.

[rmonkey]

Oops, the screenshot didn’t take, here it is:

[sdetweil]

@rmonkey can you show the config for this module. Xxx the apikey

Use the code block around config

[rmonkey]

Sure thing, Sam:

{
    module: "MMM-OpenWeatherForecast",
    disabled: true,
    position: "top_left",
    header: "MMM-OpenWeatherForecast",
    config: {
      // apiBaseURL: "https://api.openweathermap.org/data/3.0/onecall?",
      apikey: "XXXX", // only string here
      latitude: "39.214510",            // number works here
      longitude: "-76.875990",          // so does a string
      iconset: "4c",
      forecastLayout: "table",
      showSummary: false,
    }
  },

(The disabled: true is temporary for now)

[sdetweil]

@rmonkey is it this one

https://github.com/Tom-Hirschberger/MMM-OpenWeatherForecast

[rmonkey]

Yes, can confirm, it’s from https://github.com/Tom-Hirschberger/MMM-OpenWeatherForecast

[sdetweil]

@rmonkey if you comment out forecastLayout what happens
Use // at the front of that line

[videogame95]

Your need look On MMM- openwesthermapforcast
Look for css style sheets you may find a copy and paste into you magic mirror modules css or see if you can change the size in your css that’s custom style sheet,
Just an idea haven’t look at it my self. But give it a try.

[sdetweil]

@videogame95 one shouldn’t have to load more css for out of the box setup.

[sdetweil]

@rmonkey I’d also post an issue in the repo GitHub, for the author. Tom is usually very responsive.

[wishmaster270]

@sdetweil Hi Sam.
I am here 😂

@rmonkey
At the moment I do not have a clue how this can happen in the default setup.
The only thing I can imagine is that you change some other CSS which interfences with the CSS of this module.
Maybe a change to the basic font sizes ore stuff like this.

Can you post your custom css config if you have one?

[sdetweil]

@wishmaster270 thx… I know you get busy sometimes…

[rmonkey]

I shouldn’t still be surprised by how actively helpful you folks are, but here I am. Thank you!

I got in late and will try all the things and provide any info I can tomorrow. Just wanted to take a second to say I appreciate you all.

[sdetweil]

@rmonkey one quick test for custom.css, rename it to sone other name

[rmonkey]

Ok, I commented out forecastLayout: No change.

I renamed the custom.css – No change.

I’m pretty stumped.

Did something change in mirror versions? I set mine up maybe 2-3 years ago and it’s chugged along with no problems. – so I haven’t updated anything.

[sdetweil]

@rmonkey nothing I can think of

[rmonkey]

Out of curiosity, I backed up my image and then started with a fresh, up-todate install.

It works just fine now! No clue why, but it does.

I do have a follow-up formatting question – if you look at the screenshot below, you can see I turned off the table header (I like a more compact look).

But now the rain percentage isn’t obvious to someone looking at it. I want to add the little umbrella icon to the right of the rain percentage on every day row.

Could someone point me to the right place for that? And if there’s a way to figure this out on my own, please let me know.