MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    MMM-Gas

    Scheduled Pinned Locked Moved Transport
    56 Posts 13 Posters 30.9k Views 12 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • D Offline
      DDE12
      last edited by

      How do you change the size of the font in the module?

      S 1 Reply Last reply Reply Quote 0
      • S Offline
        sdetweil @DDE12
        last edited by

        @DDE12 custom.css, like always

        look to see if it has a css file which would tell u the class names used,

        then use custom.css to override those settings

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        D 1 Reply Last reply Reply Quote 0
        • D Offline
          DDE12 @sdetweil
          last edited by

          @sdetweil There are two of them: MMM-Gas.css and MMM-Gas1.css. MMM-Gas did not seem to do anything and I was able to make some changes with MMM-Gas1 but not to the font size. Both css files have:

          .MMM-Gas .xxsmall{
          	font-size: 12px;
          

          Changing it has no effect.
          In dev mode, changing

          .xsmall {
              font-size: var(--font-size-xsmall);
          }
          

          from main.css does change the font size. I assume that this will affect any other module that uses the xsmall font.
          Is there a way through my css to set the font size for this module only?

          S 1 Reply Last reply Reply Quote 0
          • S Offline
            sdetweil @DDE12
            last edited by

            @DDE12 yes, prefix the class with the module name

            ..modulename .xsmall {
            ...
            }
            

            this is the documented way to use custom.css

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            D 1 Reply Last reply Reply Quote 0
            • D Offline
              DDE12 @sdetweil
              last edited by

              @sdetweil That fixed it! Thank you! Looking back, I see that the module css has .xxsmall and the font size is determined by .xsmall. My brain glossed over that extra ‘x’. Maybe’s it’s a typo in the css because changing it does not seem to affect anything?

              S 1 Reply Last reply Reply Quote 0
              • S Offline
                sdetweil @DDE12
                last edited by

                @DDE12 sorry, don’t know the module…

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                1 Reply Last reply Reply Quote 0
                • D Offline
                  DDE12
                  last edited by

                  I recently noticed that the MMM-Gas module is not showing/working. All of my other modules are working. I removed all the modules except MMM-Gas from config.js and disabled the default modules and am just getting a black screen. There is no Loading or Undefined message. I deleted the module and reinstalled but got the same results. MM is installed on a Raspberry Pi. Please let me know what further info I can provide or steps to take to troubleshoot further. Thank you!

                  S 1 Reply Last reply Reply Quote 0
                  • S Offline
                    sdetweil @DDE12
                    last edited by

                    @DDE12 can you show the mesages from npm start
                    if using pm2 to auto launch, then

                    pm2 logs --lines=???
                    ??? is some number of lines, default 15

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    D 1 Reply Last reply Reply Quote 0
                    • D Offline
                      DDE12 @sdetweil
                      last edited by DDE12

                      @sdetweil

                      admin@raspberrypi:~/Desktop/MagicMirror $ npm run start
                      
                      > magicmirror@2.28.0 start
                      > DISPLAY="${DISPLAY:=:0}" ./node_modules/.bin/electron js/electron.js
                      
                      [2024-09-28 14:20:56.806] [LOG]   Starting MagicMirror: v2.28.0 
                      [2024-09-28 14:20:56.892] [LOG]   Loading config ... 
                      [2024-09-28 14:20:56.899] [LOG]   config template file not exists, no envsubst 
                      [2024-09-28 14:20:56.909] [LOG]   Loading module helpers ... 
                      [2024-09-28 14:20:59.198] [LOG]   Initializing new module helper ... 
                      [2024-09-28 14:20:59.201] [LOG]   Module helper loaded: MMM-Gas 
                      [2024-09-28 14:20:59.202] [LOG]   All module helpers loaded. 
                      [2024-09-28 14:20:59.224] [LOG]   Starting server on port 8080 ...  
                      [2024-09-28 14:21:00.473] [LOG]   Server started ... 
                      [2024-09-28 14:21:00.479] [LOG]   Connecting socket for: MMM-Gas 
                      [2024-09-28 14:21:00.482] [LOG]   Starting module: MMM-Gas 
                      [2024-09-28 14:21:00.485] [LOG]   Sockets connected & modules started ... 
                      [2024-09-28 14:21:02.543] [LOG]   Launching application. 
                      [2024-09-28 14:21:07.261] [INFO]  System information:
                      ### SYSTEM:   manufacturer: Raspberry Pi Foundation; model: Raspberry Pi 2 Model B Rev 1.2; raspberry: [object Object]; virtual: false
                      ### OS:       platform: linux; distro: Raspbian GNU/Linux; release: 11; arch: arm; kernel: 6.1.21-v7+
                      ### VERSIONS: electron: 31.1.0; used node: 20.14.0; installed node: 20.11.0; npm: 10.2.4; pm2: 5.4.1
                      ### OTHER:    timeZone: America/New_York; ELECTRON_ENABLE_GPU: undefined 
                      
                      

                      It doesn’t look like it is fetching the gas prices. ??

                      1 Reply Last reply Reply Quote 0
                      • J Offline
                        JohnGalt
                        last edited by

                        @cowboysdude - We have a car that only takes premium, and a car that only requires regular. Is it possible to show prices for multiple grades of fuel in a single instance of the module? {Obviously I could install one instance, rename a bunch of stuff and then install a 2nd instance, but I’m wondering whether it can do it natively? Thanks in advance.

                        S 1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 4
                        • 5
                        • 6
                        • 1 / 6
                        • First post
                          Last post
                        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