Read the statement by Michael Teeuw here.
MMM-PirateSkyForecast Font resizing HELP.
-
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; } -
@plainbroke I do not know. Use the developers window elements tab to discover this
See the second link in my signature below -
@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…
-
Close please.
-
@plainbroke was never ‘open’
you can do that when it is, 3 dots to the right of the message that you think represents the best answer, then select This…
-
@sdetweil
That explains it.
Never being opened would mean duh can’t close it…
Thank you for your explanation…
Hello! It looks like you're interested in this conversation, but you don't have an account yet.
Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.
With your input, this post could be even better 💗
Register Login