Took a little tweaking but here is 7" monitor and Pi in a combo case/stand. Should work well.

@sdetweil Just wanted to pass on that have two iterations of the default weather module running. One for “current” and one for forecast using weathergov as my data source. Appears I can do away with weatherEndpoint on both with no ill effects.

There is a NWS API Page that runs through an example. Follow example using the appropriate gps coordinates for your location. In my screen capture you see /gridpoints/CAE/70,67/forecast/hourly which relates to my local NWS radar at CAE which is local airport. I do not think this will work for people trying to get finer resolution via someone’s weather station who is uploading their data to a 3rd party provider.

I have seen the CURRENT forecast drop out infrequently but it has always come back on its own.

Daily forecast.

Current Forecast

MagicMirror Output

I could have phrased that better. It doesn’t say that you need to create the custom.css file from scratch if you use the official manual install.

@harney That pictured MM is
Thank You.

Not exactly a mirror but does what I want it to do.

@sdetweil I added some text and link to API page to better describe and locate the NWS API example. People should be better able to understand how to make that work.

Version 2. Tossed the YouTube in the iFrame, Replaced with National Weather Service radar page.
Got rid of the module that was past?? cloud/rain. Replaced with WeatherChart module.

Also, looks like CalendarLabs has posted 2021 calendar as it was populated with new dates this morning.

Not sure if this is a custom.css question or a config.js question.
In the default Clock module you have the option to show sun time and moon time. By default they are off but I have set to true.

I am scaling up the modules for big TV and had to set .region.left a lot wider than however it translates on to the big screen because the showSunTimes and showMoonTimes were starting to text wrap although that might not be quite the term used. I would like to do away with the circled portion of the sunset and I assume sunrise time I have circled in the clock module.

I ran it down to this block in Developer Tools but not sure how to tackle.
I want to keep the sunrise and sunset times but don’t really care about the time UNTIL sunrise or sunset. I would probably get rid of the percent of full moon value too but imagine I just change verbiage similar to how to approach the sun question
On top of that it will allow me to recover some of the middle region I gave up when I widened .region.left.

@sdetweil I added some text and link to API page to better describe and locate the NWS API example. People should be better able to understand how to make that work.

@bkeyport Saw an example in Custom CSS Showcase with image background and was wondering if it was placed on fullscreen below but looked at that CSS again and saw how image was placed. That, and just wondering what they did. When using Developer Tools I see them quite frequently but never seen any discussion of their purpose.

@sdetweil module_3_weather.module.weather and module_4_weather.module.weather would be what I would use to distinguish between the two in my css?

Are there pages that discuss use of fullscreen_above and fullscreen_behind ? I have not run across anything regarding those two options for module placement.

@cowboysdude I understand the purpose of custom.css and in the end main.css which I copy to custom.css will be different than main.css.

When you run MM on a big 45+ inch TV , each module is really small so if you park module X at top_left and park module Y at bottom_right you have two small modules that are same small size and would seem better to do them both with one block of css.
The other thing that I want to understand is if the top, bottom, left and right sections scale up on big monitor?
If I put a module in top_left is the right edge of the module hitting the right side of the left section.

My first pass at this was module by module in custom.css and it was a chore. I’m first to admit i’m a noob in extreme at this but after upscaling each module one by one I was wondering if there was an easier way. I subsequently blew up whole thing so opted to start over. I don’t mind that I killed module via that very css but on second pass I’d as soon avoid the module by module tweaking. As @sdetweil says, just piling in more modules not way to go.

Standard PC monitor it is not an issue. All the modules seem written with PC monitor in mind. In my use case I want MM to occupy one of HDMI ports on TV, with other HDMI port being cable TV. I can just toggle inputs on TV remote to flip between the two.

@sdetweil You’ve commented on having large screen TV running MM and I’m attempting to do the same. This is second attempt at this and seeing how small modules are and how much void space is between modules I was wondering if I could copy main.css to custom.css to globally address all the modules similarly. It would end up different than main.css but instead of tackling each module separately, get them all at once. A prime example would be the .dimmed setting. I find that hard to read no matter which module I am looking at so change to bright and same with fonts, big screen TV needs everything to be up-sized and tackling globally seems to be a good option. Wondering on your thoughts and issues you dealt with on large TV.

When reusing a module, in this case the default weather module, how do you apply unique CSS to each one separately?
I can see same thing arising with the default calendar module.

I’ve looked a very little bit at Font-Awesome and was wondering if there a FREE colored icon swaps for ones that are in general use for the most part. It looked like colored icons were premium.

@sdetweil @BKeyport just trigggered a question on inheritance. On several occasions when I have Developer Tool up to look at something , I’ll see message text that is roughly “X is inherited from body” or from main. Been a while since I was really poking around in developer tool mode. Think above was in context of CSS. So in event you want to change X, how do you tackle without it having global impact?