@sdetweil
I really am burn’t out I saw that right below it that I needed to use the full module name for the header. MMM-CountDown was the same way… All I had to do was change the Down to UP and I would have had it… Oh well, at least I learned something today with the window thing… I just have too much going on, on my mirror for it to show things in the elements window…
I will install the ones I have trouble with one at a time on my spare mirror I just got running on a Le Potato. That thing is a trip to get up and running. I made an image of its base up and running, complete with MM running with no modules. that way it only takes 5 minutes or less to get it back to minimum setup.
Again thank you for your patients.
Jeff

@sdetweil
Ok I found that and put it in my custom.css

.CountUp .module_header{
font-size:  65px;
}

With no change.
What am I not seeing or doing wrong with my code. ???
Once I finally find the answer it did not work…
I am burnt out today. I will attack it again tomorrow.

I have learned how to enlarge gif files. and If they put a css file I pretty much can find the correct thing to enlarge the fonts i want then. but this does not work well for me I click on the thing I want highlighted and it does for a split second then goes away never showing anything different in the html side… Maybe I should look at this from an html editor side of the file and I can see it then… Probably not able to do that though… I will keep trying to figure it out each time before I bug the forum for answers.

@sdetweil
It shows me nothing but dynamic weather in elements window. Then a bunch of .js
I am guessing I will have to stop all other modules except the one I want look at, to figure this out on my own.
Is that correct?

@sdetweil
Yea I know, but I can not for the life of me see what you see.
It is so frustrating for me, to not be able to do the dev window elements.
It looks like Chinese to me…
I will have to see if a bigger screen helps.
I will plug my laptop into the 42 inch tv screen and see if that helps any…
Plus with pages running 40+ modules it takes so long to come back around, I sometimes just give up… and try what has worked in the past…
Thanks for you patience with me.

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