@valid8r you only need to update the module… the mm update does NOT update any non-default modules…

go to the module folder

cd~/MagicMirror/modules/MMM-Holidaylights git pull

if it has a package.json file then in the module folder do

npm install

If you still have this issue, or for anyone else having this issue - here’s how I fixed it, in the module’s own custom CSS:

.square-box { position: relative; width: 80%; overflow: hidden; margin: 0px auto; }

@htilburgs ok, I will try again following your procedure exactly and will let you know - thanks!

In case you didn’t find a solution yet, a user by the name sdetweil just helped me with a similar problem with my RPi 3 B+ running the latest Rasbian Stretch.

Here is the link to that discussion for everyone else who is stuck at this step too:
https://forum.magicmirror.builders/topic/9636/stuck-at-unable-to-install-dependencies/8?page=1

@Sean said in News module ‘height’ changes when 3 vs 2 lines of text - pushes up other modules?:

there are several CSS tricks to consider.

Even better. Good stuff Sean! :-)

I know this is wicked picky, but in this module, a white rectangle is used to highlight the current date on the calendar. I’ve noticed that this rectangle gets ‘cut off’ on the right side of the rectangle when the date is represented by double digit dates (ex. 10-31). I checked out the .js code for the module, but can’t see where this is defined. Any ideas? I think the rectangle simply needs to be extended in width a few pixels…

I know, wicked anal, but I am an engineer after all (just not a good software engineer)…

@broberg Interesting… I didn’t know about

and am now reading up on it. Thanks for pointing me in the right direction that explains a lot. I’ll try to read up on this before asking any more questions!

i try to disable the animation but without success.
has someone a solution?

I would think building a website would be easier as well.

@Hacksaw Thanks, but is there no way to do so without modifying the actual module js code so that the only changes are to custom.css?

@valid8r

The reason “.clock.time” doesn’t work is because it’s looking for an object with both classes “clock” AND “time”.

“.clock div.time” would be correct but only to address a div with the class “time” (within an object with the class “clock” ).
“.clock .time” would be the same, but the object doesn’t have to be a div - it could be a p (paragraph) with the class “time”
“.clock.time” would address only objects that have both classes, not regarding their parents.

So in your case it would be correct to write “.clock .time, .clock .date” to address both “.time” and “date” within “.clock”. Your example would address all objects with the class “date” regardless of their parents class being “clock” or not.

Edit:
Not to confuse you, but just to make this complete, there is another way to make sure you get the right child of a parent:
“.clock > .time” would address “.time” only if the direct parent is “.clock”. So if it’s

< div class=“clock” >
   < div class=“time” >

“.time” will be addressed, but if it is

< div class=“clock” >
   < div >
      < div class=“time” >

“.time” is not addressed. (Just in this instance with > in between.)

@Wedee Thank you. I’ve been searching internet ages for this info

It works great - I am learning more and more thanks to this forum …
But if I want to change color for the calendar entries (Christmas Day, Boxing Day …)
Didn’t find it calendar.js …

.calendar .??? {
color: #a2d2f6;
}

Interestingly, if I use position: upper_third, the candle is positioned in the same location as “middle_center”…?

@Wedee Perfect! Thank you.

@lolobyte Got it! Thanks! Wife love it.

Ok, so I found out the problem: I typed spaces around the = sign, i.e. “rotate_display = 1” instead of “rotate_display=1”. If you take out the white spaces (also for the warnings command) it should work.

@frog If I could give you reddit Gold, I would do so! I never thought of the power supply. I changed out my cheap usb brick with a real power supply and voila, all was good in the land of Magic Mirror except I can’t yet rotate my display.

THANK YOU SO MUCH!!! this was driving me crazy!