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