@mmrize use translator

he wants to know if there are instructions (how to do, how2) for using this idea w mm.

@techlady Here is my project in progress. My intent is to mount Pi to back of TV and treat MM as another HDMI input.
As others have said, module writers that stick with the convention of using main.css to format their module make it real easy to format multiple modules by using the appropriate block of main.css and dropping it in custom.css.
Gets sticky when a module author does their own formatting top to bottom.
20210928_200307.jpg

@matt216 what did the copy/paste result look like?

@sdetweil that was it thanks so much…

@ankonaskiff17 preferred is the way that works

@sdetweil Have it read MM/DD/YY, even on the day of event.
Either 6 or 7 days out from calendar event, the date swaps from MM/DD/YY to Monday at 12:00 AM. (For US Labor Day holiday, in this case)
hideTimegets me to it just showing Monday.

I thought getRelative: 0, was used to do what I want it to do, You have option of from between 0 - 48 hours with default being 6 hours it goes to relative time. It is swapping at about 6 - 7 DAYS in reality. Maybe just a coincidence but it seems like the default getRelative: 6;is 6 days, not hours, and setting it to zero has no effect.

@hango said in Generic CSS question when target is several layers down:

if he put something between clock and calendar or change position the ID is changing

good point… I hadn’t thought of classes for that kind of purpose…

Thanks @mumblebaj and @sdetweil. Guess I’ll try what you guys suggested since I don’t plan on updating things often. I thought there could be a way to do so without changing the code.

@cdanielgallegos You can change the icons as well. They have their own individual classes.

ee7e9741-523b-4aab-a86d-a0a8f83e7079-image.png

Open the Developer console, select the Elements tab and find the MMM-SystemStats module and check them out. You can set their individual colors from there in the custom.css using their class names.

@sdetweil I have a ton of pictures from rocket launches to elk in Rockies. I somehow or another had found Dak Board and piddled with it but it was a subscription based system that MagicMirror puts to shame.

@ankonaskiff17 i think so

@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.

Module Question.jpg

@earnestrichards
-from the index.html file:

<h3>Double click on the image to <i class="fas fa-heart"></i> it</h3>

from the style.css file:

.fa-heart {
color: red;
}

Screen Shot 2021-07-17 at 8.42.08 PM.png

@bkeyport this works too

.region.bottom.center, .region.top.center { width: 20%; }

and then left and right split remaining 80% in half, but it also depends on what kind of modules you have on the left and right side that can require more or less width

@ankonaskiff17 yes. and I have multiple calendars and do the same, add another url

@chrixbrown Which format are you using?

There’s a command in the config.js for Daily, for instance, called hideOverflow

If you set that to false, it’ll spew out everything.

@ankonaskiff17 no, they recreate the output every time, so you have to slow them down…

@cheapdad said in Changing size/font for a module but not the whole region:

.MMM-calendar

isn’t that .MMM-Calendar

case matters

also
read this
https://forum.magicmirror.builders/topic/14862/help-with-a-couple-css-issues?_=1625369547195

about how to use the developers window to test out the changes needed

one thing not known then

once you figure out the settings, you can copy paste the top right window to paste into your css entry in custom.css

@jbeechey32 Sam tends to show you the START, I’ll show my solutions 'cuz I’m lazy, and figure other people are too. 🤣