• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
MagicMirror Forum
  • Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
  1. Home
  2. plainbroke
  3. Posts
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.
Offline
  • Profile
  • Following 0
  • Followers 0
  • Topics 43
  • Posts 303
  • Groups 0

Posts

Recent Best Controversial
  • RE: Calvin and Hobbs

    @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;
    }
    
    posted in Troubleshooting
    P
    plainbroke
    13 days ago
  • RE: MMM-PirateSkyForecast Font resizing HELP.

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

    posted in Custom CSS
    P
    plainbroke
    13 days ago
  • RE: MMM-SolarPicture

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

    posted in Entertainment
    P
    plainbroke
    13 days ago
  • 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;
    }
    
    posted in Custom CSS
    P
    plainbroke
    16 days ago
  • RE: Calvin and Hobbs

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

    posted in Troubleshooting
    P
    plainbroke
    16 days ago
  • RE: Calvin and Hobbs

    @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

    posted in Troubleshooting
    P
    plainbroke
    17 days ago
  • RE: MMM-Wallpaper - wrong path

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

    posted in Troubleshooting
    P
    plainbroke
    19 days ago
  • RE: Calvin and Hobbs

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

    posted in Troubleshooting
    P
    plainbroke
    19 days ago
  • RE: Calvin and Hobbs

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

    posted in Troubleshooting
    P
    plainbroke
    19 days ago
  • 1
  • 2
  • 3
  • 4
  • 5
  • 30
  • 31
  • 3 / 31
Enjoying MagicMirror? Please consider a donation!
MagicMirror created by Michael Teeuw.
Forum managed by Sam, technical setup by Karsten.
This forum is using NodeBB as its core | Contributors
Contact | Privacy Policy