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

@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

@hango That’ll do it, but if I recall correctly, if you set bottom center and top center to 20%, left and right will automatically take up the slack, no need to convert them, conversely, if you set left or right to 40%, the remaining 60% would automatically be split between them.

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

@mykle1 That sir is the weather module I built for my own mirror :) It’s never been made public… it’s all one module. Thanks for noticing!

@cheapdad well, its only a start

https://forum.magicmirror.builders/topic/14862/help-with-a-couple-css-issues?_=1619795022054

css is an enormous topic… this is the fastest way to see what works… (altho because it changes the topic, its hard to work on some of it… )
https://forum.magicmirror.builders/topic/6808/css-101-getting-started-with-css-and-understanding-how-css-works?_=1611671889049

you will need to change the width of the surrounding elements.

newsfeed already provides a couple css styles (which you can override in custom.css

@cliff365 review this on how to find the selectors of things u want to change

https://forum.magicmirror.builders/topic/14862/help-with-a-couple-css-issues?_=1619213301986

@nneuland you should have put in custom.css… not modify module file…

cause later if the module is updated, the git pull to update will fail cause the modified file would be overwritten by the file the module owns

in custom.css just add

.modulename in front of the identifier .MMM-Discog .classname ?????? { ... .. .. }

OK, I finally succeeded in changing the analog clock to red. It wasn’t pretty and I don’t know if there is a better way. But here’s what I did, for the record:

In modules/default/clock/faces, I copied face-010.svg to face-013.svg to create a new face.

I edited face-013.svg to modify the style to have a fill color:
<style>.cls-1{fill:#f00;}</style>

Added the following to my custom.css:

/* for the date display */ .nightclock .date.normal.medium { color: #f00; } /* for the hour hand */ .nightclock .clockHour { background: #f00; } /* for the minute hand */ .nightclock .clockMinute { background: #f00; } Edit the config: section of the clock module in config.js. Added secondsColor: “#f00” to the config: section of the clock module in config.js to change the color of the second hand Change the analogFace config to the newly edited “face-013”.

@foxy25 custom.css see main.css for the regions

index.html

web page layout

@danielantos90 did you manage to change the font size of “feels like” ??