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-GooglePhotos display help

    Scheduled Pinned Locked Moved Solved Troubleshooting
    4 Posts 2 Posters 835 Views 2 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
      DCSooner
      last edited by

      Hello. I’m brand new to magic mirror and not a programmer by any means. I have installed Magic Mirror and the Google Photos module on a 7" touch screen display with a raspberry pi 4 that I have on my work desk (also have MMM-Jast stock ticker working on the bottom of the screen). I’m having trouble getting the pictures to display properly…more centered on the screen and zoomed out. Any help is much appreciated.

      Below is a screenshot of my custom.css file
      b3303825-7620-4627-be9d-addbc4674468-image.png

      Below is a screenshot of the portion of the module in my config.js
      43a7432f-5d70-460d-8d72-362a9367de97-image.png

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

        @DCSooner middle-center is NOT constrained to middle center on the screen

        see this
        https://forum.magicmirror.builders/topic/286/regions?_=1699456444852

        it STARTS in middle center, BUT if the content is bigger, then it flows over right and bottom,
        unless you force it to be truncated.. with css ( overflow: hidden;)

        AND the config says make the image 1080x1920 (width and height , as if the screen is in vertical/portrait mode)

        but the middle-center isn’t that size…

        SO…

        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
          DCSooner @sdetweil
          last edited by

          @sdetweil Thanks for the insight! What should I change “middle_center” to be?

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

            @DCSooner so, I use images as a background, so I set fullscreen-below

            but then you can size it smaller

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            1 Reply Last reply Reply Quote 0
            • 1 / 1
            • 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