@sdetweil
Sorry, brain fart.
Yes module header.
Did you find something?
I looked for an hour and then tried these.
But no go…
It is still really little and gray.

.countUP tr td.header {
  color: orange;
  font-size: 60px;
}
.countUP .header {
  color: orange;
  font-size: 60px;
}

Anyone know how to make the header font bigger.
I have the rest of it figured out and working just can not find the Header part.
This is what I have tried.

  color: orange;
  font-size: 60px;
}

AND

  color: orange;
  font-size: 60px;
}

@mumblebaj
Well I got everything So we can read them now.
Thank you.

@sdetweil
That explains it.
Never being opened would mean duh can’t close it…
Thank you for your explanation…

Close please.

@mumblebaj
So I looked in the js file for the wotd-we and found wotd-wr, wotd-word, wotd-we2. set them all to 65px. We are waiting for it to cycle around in pages.
I only have 45 modules running, so it takes awhile to get around to it.
Especially since I run them alphabetically, at 90 seconds per module.
You can do the math…
Thanks for your help.

@mumblebaj @KristjanESPERANTO @sdetweil
Thank you all for the information. I think I will stick with the way I already understand. setting up the docker and all seems like more work that is not in my wheelhouse. Interesting approach to the same end result.

@mumblebaj,
MMM-WOTD
I am trying figure out what the font name is or size or something to indicate how to increase the size of the fonts in this module, BUT it does not have a css to look at for hints even. I did find refrence to bright small and bold bright medium in the js file. Not sure what to do with that though in the custom.css file…
Can you please help me with what I need to put in the custom.css file to enlarge the fonts in your module.
Thanks in advance for you help…

@mumblebaj
It all sounds so interesting, I wish I understood how to implement your container, It sounds like it would be simpler to work with…

@karsten13
Done, Thank you. Working like it should now.

Hopefully you can tell it fills my screen and is todays Monday June 9 2025’s
comic. We really love this comic, both my wife and I are big fans of Calvin and Hobbs comic. I really appreciate the help you provided getting the comic back to working form for us… Keep up the great work you are appreciated…

@karsten13
The original cahcomic.css contains only this.
Hope this helps you. I am not very good with all this code stuff.
Mainly I do it through trial and error.

/* The basic container */
.cahcomiccontainer {
    overflow: hidden;

    /* To make the height of the container exact. */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#cahcomiccontent {
  white-space: nowrap;
  position: relative;
  overflow: hidden;    /* Required to make ellipsis work */
  text-overflow: clip;
  
  top: 0%;
  
  -webkit-transition: top 3s, height 3s;
  -moz-transition: top 3s, height 3s;
  transition: top 3s, height 3s;
}

@sdetweil
Sorry took so long to get back to the forum.
I figured it out, using my default trial and error method.
Here is what I ended up with and it fills the screen now.

.MMM-PirateSkyForecast .module-content {
        width: 1820px;
}
.MMM-PirateSkyForecast .wrapper.table .forecast-container {
  display: table;
  border-collapse: collapse;
  width: 100%;
  font-size: 34px;
  line-height: 35px;
  border-bottom: solid 1px #222;
}
.MMM-PirateSkyForecast .wrapper.table .forecast-container .forecast-item > span,
.MMM-PirateSkyForecast .wrapper.table .forecast-container .header-row > span {
  display: table-cell;
  font-size: 34px;
  text-align: center;
  vertical-align: middle;
  height: 40px;
}
.MMM-PirateSkyForecast .wrapper.table .forecast-container .header-row > span {
  height: 32px;
  font-size: 28px;
  text-transform: uppercase;
  vertical-align: bottom;
  padding-bottom: 2px;
}
.MMM-PirateSkyForecast .wrapper.table .forecast-container .forecast-item .forec>
  width: 60px;
  height: 60px;
  display: block;
  vertical-align: middle;
}

I never can figure out the window elements tab thingy.

Just in case someone else needs this information in the future…

@bugphunk
Ditto on how you got to this point that looks really nice.

Okay I want to resize the numbers in the forcast on my screen.
What parts of this I pulled from the MMM-PirateSkyForecast.css do I need to modify for my custom.css file to enlarge ALL the numbers and wording…???
Just remove what I do not need. I am using table vs tile mode… Table fills the width of the screen but the numbers and words are pretty small on my 42inch screen.

.MMM-PirateSkyForecast .attribution {
  font-size: 10px;
  line-height: 16px;
  color: #333;
  text-align: right;
}

/* Current Conditions */

.MMM-PirateSkyForecast .current-conditions-wrapper .current.temperature {
  line-height: 80px;
  vertical-align: middle;
}

.MMM-PirateSkyForecast .current-conditions-wrapper .icon {
  vertical-align: middle;
  line-height: 80px;
  margin-right: 20px;
  width: 100px;
  height: 100px;
  display: inline-block;
  position: relative;
}

/* Inline icons */
.MMM-PirateSkyForecast .inline-icon,
.MMM-PirateSkyForecast .wrapper.tiled .forecast-container .forecast-item .inline-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 0px;
  vertical-align: bottom;
  position: relative;
}


/* Extra Current Conditions */

.MMM-PirateSkyForecast .extra-current-conditions-wrapper .temperature-container,
.MMM-PirateSkyForecast .extra-current-conditions-wrapper .precipitation-container,
.MMM-PirateSkyForecast .extra-current-conditions-wrapper .wind-container {
  display: inline-block;
  white-space: nowrap;
  margin:0 15px;
  margin-bottom: 10px;
}

/* Forecast Header */

.MMM-PirateSkyForecast .module-header.forecast-header {
  margin-top: 20px;
  margin-bottom: 0;
}

/* ------------ Table Layout ------------ */

.MMM-PirateSkyForecast .wrapper.table .forecast-container {
  display: table;
  border-collapse: collapse;
  width: 100%;
  font-size: 17px;
  line-height: 1;
  border-bottom: solid 1px #222;
}

.MMM-PirateSkyForecast .wrapper.table .forecast-container .forecast-item > span,
.MMM-PirateSkyForecast .wrapper.table .forecast-container .header-row > span {
  display: table-cell;
  font-size: 17px;
  text-align: center;
  vertical-align: middle;
  height: 40px;
}

.MMM-PirateSkyForecast .wrapper.table .forecast-container .header-row > span {
  height: 32px;
  font-size: 14px;
  text-transform: uppercase;
  vertical-align: bottom;
  padding-bottom: 2px;
}

.MMM-PirateSkyForecast .wrapper.table .forecast-container .forecast-item .forecast-icon {
  width: 30px;
  height: 30px;
  display: block;
  vertical-align: middle;
}

@karsten13
No you did not fork from the wrong repo, someone merged the two repo’s so they where the same I have the full original that i backed up the files to my nas drive.
I do not know how to send them to you or even share them. Not sure why the css was changed either. If it is not to technical I could try to load it somewhere on here for you…

@karsten13
Thank you so very much for your work.
I did have to restore the original css file from the original builder of this module.
So I could get the full screen to work. Other wise it works so great now.
My wife is very pleased.
Thank you again for your great work…

Just Jeff

@sankum said in MMM-Wallpaper - wrong path:

MMM-WallPaper

Is there a MMM-Wallpaper.js in the cd MagicMirror/modules/MMM-Wallpaper folder if so
try
sudo reboot
If not fixed, in the MagicMirror/modules folder use “rm -rf MMM-Wallpaper”
and try the
“git clone https://github.com/kolbyjack/MMM-Wallpaper.git”
again in the MagicMirror/modules folder.
do not forget to do the
cd MMM-Wallpaper
npm install
When it is finished loading.
if that fails you may have a faulty card.
I have had many fail me through out the years.
I went to a small external usb drive to get around that problem.
If none of this works let us know and maybe someone smarter than me will step in.

If this does work for you mark it solved please.

@sdetweil
That is ok, really.
I am burnt out too trying to get it up and running myself.
I am thinking unless someone else wants to put a bunch of time in to figuring out what changed. I am done with this one.
I do appreciate the time you have invested in trying to figure it out…
Thank you very much for your help…
I will mark it resolved.

@sdetweil
Well that brought back the screen I have been stuck on, (that does not update)., I think it is the comic from april 3rd 2025, and now it is scrunched up at the top of my screen instead of filling the screen.
Too weird how that one line does that.

.MMM-CalvinAndHobbes .module-content {
        Margin-top: 10px;
        Margin-left: 10px;
        max-width: 1810px;
        max-height: 1025px;
        width: 1810px;
        height: 1025px;
        overflow: hidden;
}

#cahcomiccontent {
        width: 1810px;
        height: 1025px;
}

Is what I have had in my custom.css for a long time to show the comic full screen.
That took a lot of tweaking to get just right.