• 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
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 689 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 Nov 9, 2023, 5:36 PM

    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 Nov 9, 2023, 6:25 PM Reply Quote 0
    • S Away
      sdetweil @DCSooner
      last edited by sdetweil Nov 9, 2023, 6:33 PM Nov 9, 2023, 6:25 PM

      @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 Nov 9, 2023, 6:40 PM Reply Quote 0
      • D Offline
        DCSooner @sdetweil
        last edited by Nov 9, 2023, 6:40 PM

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

        S 1 Reply Last reply Nov 9, 2023, 7:15 PM Reply Quote 0
        • S Away
          sdetweil @DCSooner
          last edited by Nov 9, 2023, 7:15 PM

          @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
          1 / 1
          • First post
            4/4
            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