How to convert weatherforecast disaplay

[kruemel]

@mkastern Maybe you are still interested.
I tested alot for an idea i had and now i just modified the weatherforecast.css to get this result (top left):

Made this changes:

td { 
  display: block;
  padding-right: 25px
}
tr { display: inline-block;}

.weatherforecast .day {
  padding-left: 5px;
}

.weatherforecast .weather-icon {
  padding-left: 5px;
}

.weatherforecast .max-temp {
  
}

.weatherforecast .min-temp {
 
}

But keep in mind, after an update of MM, your changes get overwritten because it’s an integrated module!

[redeyes]

Hi

I managed to created something similar with the help of chatgpt let me know if interested

[miguelcartagena]

@redeyes can you please share the css/js configuration you have? I’m interested on having a horizontal bar for weather forecast just like yours.

[CharlesBarden]

Can you please let us know which format are you trying to covert the weather forecast?

[Eli]

@redeyes wow, looks good!
I would also be interested in that changes. Is that uploaded somewhere already?