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

    Posts

    Recent Best Controversial
    • RE: Trouble getting Background Image to Show

      @sdetweil I’m just saying that the file address is good as entered.
      In main.css you have

      html {
        cursor: none;
        overflow: hidden;
        background: var(--color-background);
        user-select: none;
        font-size: var(--font-size);
      }
      

      set for background. Is that causing issues? custom.css should override that, shouldn’t it?

      posted in Custom CSS
      ankonaskiff17A
      ankonaskiff17
    • RE: Trouble getting Background Image to Show

      @sdetweil I’m more stumped now. The file name & location are good. If I hover over the url in your second example in VS Code it gives option to follow link and launches browser and loads picture just fine but no joy in MM.

      posted in Custom CSS
      ankonaskiff17A
      ankonaskiff17
    • Trouble getting Background Image to Show

      I am trying to add a background image via @Piranha1605 BG Animation with CSS and while I have the colors changing, I can not get the background image to show.
      background: url("/home/pi/MagicMirror/Backgrounds/IMG_0169.JPG");. I’ve tried various versions of the file location all with no success. I brought image over from my Windows laptop and the file name is same but is there an issue with it being in Caps? I also created folder Backgrounds to hold pictures but I’m stumped.

      posted in Custom CSS
      ankonaskiff17A
      ankonaskiff17
    • RE: Format/Delete Sunset & Sunrise Time

      @sdetweil fa is font awesome?

      posted in Custom CSS
      ankonaskiff17A
      ankonaskiff17
    • Format/Delete Sunset & Sunrise Time

      Not sure if this is a custom.css question or a config.js question.
      In the default Clock module you have the option to show sun time and moon time. By default they are off but I have set to true.

      I am scaling up the modules for big TV and had to set .region.left a lot wider than however it translates on to the big screen because the showSunTimes and showMoonTimes were starting to text wrap although that might not be quite the term used. I would like to do away with the circled portion of the sunset and I assume sunrise time I have circled in the clock module.
      Clock.jpg

      I ran it down to this block in Developer Tools but not sure how to tackle.
      I want to keep the sunrise and sunset times but don’t really care about the time UNTIL sunrise or sunset. I would probably get rid of the percent of full moon value too but imagine I just change verbiage similar to how to approach the sun question
      On top of that it will allow me to recover some of the middle region I gave up when I widened .region.left.

      Sunset.jpg

      posted in Custom CSS
      ankonaskiff17A
      ankonaskiff17
    • RE: Weather.gov forecast status in Weather module

      @sdetweil I added some text and link to API page to better describe and locate the NWS API example. People should be better able to understand how to make that work.

      posted in Troubleshooting
      ankonaskiff17A
      ankonaskiff17
    • RE: fullscreen_below and fullscreen_above

      @bkeyport Saw an example in Custom CSS Showcase with image background and was wondering if it was placed on fullscreen below but looked at that CSS again and saw how image was placed. That, and just wondering what they did. When using Developer Tools I see them quite frequently but never seen any discussion of their purpose.

      posted in General Discussion
      ankonaskiff17A
      ankonaskiff17
    • RE: Duplicate Modules w Different CSS

      @sdetweil module_3_weather.module.weather and module_4_weather.module.weather would be what I would use to distinguish between the two in my css?

      posted in Troubleshooting
      ankonaskiff17A
      ankonaskiff17
    • fullscreen_below and fullscreen_above

      Are there pages that discuss use of fullscreen_above and fullscreen_behind ? I have not run across anything regarding those two options for module placement.

      posted in General Discussion
      ankonaskiff17A
      ankonaskiff17
    • RE: Main.css, Custom.css and Big Screen TV

      @cowboysdude I understand the purpose of custom.css and in the end main.css which I copy to custom.css will be different than main.css.

      When you run MM on a big 45+ inch TV , each module is really small so if you park module X at top_left and park module Y at bottom_right you have two small modules that are same small size and would seem better to do them both with one block of css.
      The other thing that I want to understand is if the top, bottom, left and right sections scale up on big monitor?
      If I put a module in top_left is the right edge of the module hitting the right side of the left section.

      My first pass at this was module by module in custom.css and it was a chore. I’m first to admit i’m a noob in extreme at this but after upscaling each module one by one I was wondering if there was an easier way. I subsequently blew up whole thing so opted to start over. I don’t mind that I killed module via that very css but on second pass I’d as soon avoid the module by module tweaking. As @sdetweil says, just piling in more modules not way to go.

      Standard PC monitor it is not an issue. All the modules seem written with PC monitor in mind. In my use case I want MM to occupy one of HDMI ports on TV, with other HDMI port being cable TV. I can just toggle inputs on TV remote to flip between the two.

      Module Question.jpg

      posted in Custom CSS
      ankonaskiff17A
      ankonaskiff17
    • 1
    • 2
    • 19
    • 20
    • 21
    • 22
    • 23
    • 30
    • 31
    • 21 / 31