Hello,
maybe a mistake that I will write but have you tried to place the module (top) before the other module (bottom) in Config.js?
The 2 being on the same “position”!

Brilliant thanks

@sdetweil it’s ok, thx

@louise said in Remove fade from weather:

, the other day I was reading martian

yep

@sdetweil yes I just did that I sent you a copy of it

@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

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