@chrisfr1976 @sdetweil
Sam,
My wife and I think it was 25 year ago when I quit…
Almost went to jail because a truck driver lite up in the trailer we where unloading and it set me off, I blacked out and when I came to my coworkers said I had him by the throat pinned a foot off the ground against the inside of the trailer. I do not remember doing it but that guy was pissed. Thank fully my boss thought that the no smoking on the premises sign due to all the paper products in our warehouse should have been enough of a message, and backed me up.
So weird how that smell about makes me sick now…

@Durahl

Here is a little example of What Sam said to do.
Not sure what module you are trying to do that with but this will give you the idea of what to tweak in the ctrl+shift+i screen.

.MMM-Cocktails {
        Margin-top: 30px;
        Margin-left: 140px;
        Margin-right: 120px;
}

Hope this makes it a little clearer for you.
PS:
You can look in the modules css file for the .XXX-XXXXX name to use if you have the same difficulty I do with the window thingy… <— Technical term.

@rkorell @sdetweil

Here is what I have in my config.js and custom.css

                {
                        module: "MMM-Pinfo",
                        position: "middle_center",
                        config: {
                          debug: false,
                          refresh: 10000,
                          itemAlign: "left",
                          labelAlign: "left",
                          valueAlign: "right",
                          labelSize: "60px", //null,
                          containerSize: "180px",
                         DEVICE: {
                                labelModel: "Model:",
                                displayModel: true,
                                orderModel: 1,
                          },
                         OS: {
                                labelOs: "OS:",
                                displayOs: true,
                                orderOs: 2
                          },
                         NETWORK: {
                                labelType: "NET Type:",
                                displayType: true,
                                orderType: 3,
                                labelIPv4: "IPv4:",
                                displayIPv4: true,
                                orderIPv4: 4,
                                labelMac: "MAC:",
                                displayMac: true,
                                orderMac: 5
                          },
                         RAM: {
                                labelRam: "RAM:",
                                displayRam: true,
                                orderRam: 6
                          },
                         STORAGE: {
                                labelStorage: "Storage:",
                                displayStorage: true,
                                orderStorage: 7,
                          },
                         CPU: {
                                labelType: "CPU Type:",
                                displayType: true,
                                orderType: 8,
                                labelUsage: "CPU Usage:",
                                displayUsage: true,
                                orderUsage: 9,
                                labelTemp: "CPU Temp:",
                                displayTemp: true,
                                orderTemp: 10
                          },
                         UPTIME: {
                                  labelUptime: "Uptime:",
                                  displayUptime: true,
                                  orderUptime: 11
                                },
                         }
                },

CUSTOM.CSS ##########

.Pinfo {
        font-size: 50px;
        line-height: 55px;
}

And this is what I get

@rkorell
I tried changing the left to right and the size of the container from 80 to 1800 with absolutely no change.

I made a test config.js so I could only have it on screen to test with.
Doesn’t seem to matter what I change in the config.js It stays the same .
I remove the lines from my custom.css and it is still the same only very small on my screen… 42" TV… The really weird part is it looks fine on my pi w2

@richRiggins
Did you figure that out about the scroll bars? I have one that has the same issue that I have not been able to figure out how to get rid of…

I am having an issue with the display being different from one Pi to another.


Mine is having issues with the dual lines.
both are running the same configurations…

@sdetweil
Thank you Sam,
That fixed my issue, and let me use the default clock files…
Cool thing is with the old setting in the Custom.css file I can change the colon : color between the numbers a different color.
Fun Fun Fun.

@sdetweil
So just replace “var(–color-text-bright)” with my preferred colors?

@sdetweil

Sorry I already deleted that folder MM that I renamed MagicMirror to.

Found the issue, the NEW default clock_styles.css has these extra lines compared to the older default clock_styles.css file.

.module.clock .clock-hour-digital {
  color: var(--color-text-bright);
}

.module.clock .clock-minute-digital {
  color: var(--color-text-bright);
}

.module.clock .clock-second-digital {
  color: var(--color-text-dimmed);
}

If I remove those lines my time on screen looks right again…
Which will mess up the next update probably…
At least I know what to repair to do the update next round.

@sdetweil
1st I used your backup script.
Then I tried using your upgrade script and it stopped at the updating of the node version. Just set there for like an hour. I went outside and did some yard work.
I then rebooted the pi and did pm2 stop all
Then tried your upgrade script again and it froze again on the node update.
Waited about 30 minutes to see if it was a internet problem.
Then I did ctrl+c
Then I tried your script with “force” then it ran all the way through.
BUT it came up a black screen.
I did not feel like trying to figure out why it was a blank screen.
So I just renamed the MagicMirror to MM and then used your install script.
That fully installed without any input from me, I went out and finished the yard work I was doing. NO user input.
I cam back in and it was working with the sample config.js
Then I just moved the config.js and custom.css over from the backup and the modules from the MM (previous did not work) and rebooted now all is woking.
Not sure why it had so much of a stumble going from node v 20 to v22.14
I will say I updated from MM v2.3.0 to MM v2.3.2 maybe that was the problem…
I should have took some screen shots for you, so you could see the issues…
Weird part is the update script worked perfect on the other to MM I have running 1 is on a LePotato 1 is a pi 4 2gb
I will say the time thing did the same thing on the other pi 4, I am using the same time date seperation in both pi. So i figure it is something that was updated in the default clock code and does not get updated with my old custom.css code.

The numbers used to be orange also.
Now as you can see it is not getting any color in the numbers.
I even moved the custom css from my @sdetweil backup. That I did just before the update. Thank you Sam…

.clock.clock-time-only .time {
        Margin-right: 15px;
        Margin-top: 0px;
        Color: orange;
        Font-size: 125px;
        Font-weight: 500;
}

So far this is the only problem I have had… That I could not figure out real quickly. I will say I had to rename MagicMirror to MM and reinstall MagicMirror. Then move Config.js Custom.css and modules over to the new MagicMirror install all pretty quick. I had a blank screen. I figured it was the least amount of work for me… Again Thanks to @sdetweil backup. Saves the most important parts of MagicMirror…

@sdetweil
You are more than likely correct the sd card has started to fail.
That is why I went to the M.2 ssd’s they do not seem to fail as often as USB drives did for me. and I have gave up on sd cards on anything that I do not HAVE to use them in… I suppose if I would fork out the money for the better ones maybe they would last longer… Sorry to Hijack your post. @arh

@arh
I would have put it on a USB drive 32gb, they last a LOT longer and are faster too.
I always set ssh and vnc to on in raspi config. Makes it a lot easier to make changes and fix problems that all the sudden show up. Did you make a change to custom.css and maybe make a mistake in the saving of it? typo’s are my biggest problem anymore. Oh and figuring out what to look for in ctrl+shift+i …
I am using M.2 drives in my raspberry Pi’s now. they are very reliable and last a LONG time. Just some things to think about so you do not have to dig into the door again.

@xadamxk
I did not have to pay or give credit card when i signed up and my wife and i can see where each other are all the time on our phones. Maybe I am grandfathered in, due to having it for so long. It does nag us sometimes to upgrade to paid subscription. I will have to look into if I can add anyone or not.

@sdetweil
So Sam,
If I use your program to upload the photos and the module it defaults to, to show pictures anyone in my house could upload pictures to the folder that the photo module is showing from and the pictures will show then. or will it need MM to restart? Do the photos have to be resized?

@xadamxk
I don’t pay for life 360 and we use it all the time.

@sdetweil
That is what I eventually did.

Ditto Life360

@sdetweil
After messing with Confusius says for some time this morning. Using the window,
I figured out why I was having so much trouble finding the correct code to use.
my second half of the window you showed was not showing up, It was hidden.
Now that it shows and I found my glasses. This should become easier…
I don’t do it often enough to remember the details so we will see how I do down the line.
Thanks for the coaching. It is really appreciated.

@maria151
Where do you find the UNOFFICIAL modules for Life360?

@sdetweil
Try Your pages module running 51 modules, one every 90 seconds.
DynamicWeather running in the background (cloudy today), was the one that made it impossible to see anything else. After I got it stopped my // it out and disabled: true, for it. I was able to see what you where talking about at least. I just missed the part where it showed the full name of the module as a clue as to how to format the code in the custom.css so that that MM could understand it… FYI you can not use the window with mplayer it covers the whole screen, had to kill it too.
Bingo the CountUp module header is now big enough to read and orange.
Thank you so very much Sam.
I know you have to get tired of those of us that do not have a clue and do not seem to catch on over the years. You are good soul.
Have a great evening.

Just Jeff