I imagine the Custom.CSS failure is related to the fact that its calling for an image. I would remove the two lines related to the Background and see if it works then. Other than some colors and of course the forcing of the column widths there is not really much in the custom.css

In the config.js I sent you via email - you will see I changed to using the module MMM-Profilepicture pointing back at localhost to host backgrounds there. It is much cleaner easier to use. I also switched from wunderlist to todoist for the todo list…

I have not done much other than change the background for many years now - Wife is asking for a refresh, and we picked up a Narrow hutch someone was throwing away that with a coat of paint some new handles and a new monitor will make for an excellent info board - so once that is refinished i will start anew again but this time the screen will be in portrait.

Good luck and happy learning

@j-e-f-f

Just double checked…

Git Pull “Up to date”

And pulling from original repo…

@j-e-f-f
Using your repo - not the fork. Getting this today.

@j-e-f-f
Thanks for the reply. Look forward to the update.

@vinp
I had to use
sudo rm -rf MMM-MyScoreboard
as the directory was not empty.

And had to also throw a
npm cache clean
prior to npm install
to get rid of the install errors regarding “Failed to parse json”

When my MagicMirror starts I see the header, then it disappears and it is not populating any of today’s NFL games. Configuration is the same as I was using before the issues started. Aside from the data sources nothing else changed in this fork right?

@bkeyport @j.e.f.f I would agree, I love the module and there are many configuration / layout options available. Would be nice maybe to utilize the “rolloverHours” set to 0 on NFL that shows all selected teams / divisions for the entire week.

Thanks for all the work on this awesome module!

I edited the main post with more info… sorry it took so long.

Sorry, board works so well I haven’t touched for over a year. Didn’t realize that people were still interested.

I edited my post with my mess of a custom CSS, but yes I just force the width of the columns.

In the custom CSS if you add width: 550px; to one item for each column it will force it to that width and draw the line the full width. 550px seems to work well with 1920 width and the default pad / margins.

@emos Shoot me a PM with your email and I will add you to the dropbox share i have of the files.

@emos I believe its just a function of my CSS forcing column widths (width: xxxpx;). As the headers of the module are usually set to “float” the forcing of a width makes them span the entire column.

I have not touched the mirror in about a year - it just runs.

@Sean @shashank Many thanks for the idea and info regarding the module. While it’s not running as a custom.css it does the job exactly as I required.

@Sean Will have to look at that. Haven’t really looked at all the new modules as everything I needed was all set.

@Sean Thanks - Ya its not quite working… I am still playing with it. I can get the formatting I want for the content, but the background does not behave how i think it should. Its not a repeating background its something I made at 1920x1080 size. Used to work back several MM versions ago, but it broke and I just turned it off as I could live with the solid black. New application and I really wanted to get a background on it again.

Keep on playing with it and I might solve it.

Thanks for the ideas.

@Sean Just tried it again. That does pull the image to the top left but cuts it off at bottom and right. As well the magic mirror content gets pulled to all 4 edges meaning there is zero space between edge of monitor and start of text.

The margin zero got the image to the edge, but padding 40 did not affect the content text.

So I have added a background image and it is affected by my margins. Is there a different section (Other than Body) i should be placing the call? I ultimately would like my Background to fill full screen with the mirror content using the margins. I have messed with moving it to header and got an interesting result as well as messed with using padding vs margins. Thanks.

body {
  background-image: url('ClassicBG.png');
  background-repeat: no-repeat;
  background-size: 1920;
  margin: 40px;
  position: absolute;
  height: calc (100% - 80px);
  width: calc (100% - 80px);
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: 2em;
  line-height: 1.5em;
  -webkit-font-smoothing: antialiased;
}

No need to duplicate the module, in the config.js just repeat the module config but point to the second calendar settings.

I have the Sonos mod running on my Mirror. I get the same thing when I run more than one speaker as a group. If I run each speaker as separate it will load each speaker fine. I haven’t bothered looking into it much as I rarely use the speakers in group mode…

As I have already done for many, just shoot me a PM with your email address and I will send the custom.css and background.

@oscarkindberg

Yes I fully understand, but in html you can layer exactly like you are thinking, but the tools used by Magic Mirror do not support it yet. I spent several hours thinking I was formatting it wrong until I realized this.

@oscarkindberg You will not be able to float the layer of grey over top. The background services do not support layering. I had tried multi layers for background images and had to make a single background image myself in Gimp to make it work.