• 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-Imageslideshow - centering upright images

Scheduled Pinned Locked Moved Unsolved Troubleshooting
7 Posts 3 Posters 844 Views 3 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.
  • B Offline
    Bobrae
    last edited by Aug 9, 2022, 7:48 PM

    When displaying upright (portrait) pictures, using position: ‘fullscreen_below’, in the module configuaration, pictures always appear on the left hand side of the screen.
    Is there any way of making them appear in the centre, but still below the other modules?

    S 1 Reply Last reply Aug 9, 2022, 11:36 PM Reply Quote 0
    • S Offline
      sdetweil @Bobrae
      last edited by Aug 9, 2022, 11:36 PM

      @Bobrae i had to do that on code, for my updated MMM-ImagesPhotos,

      https://github.com/sdetweil/MMM-ImagesPhotos

      don’t know how to detect image size to correct via css directly

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      P 1 Reply Last reply Aug 11, 2022, 6:29 PM Reply Quote 0
      • P Offline
        plainbroke @sdetweil
        last edited by plainbroke Aug 11, 2022, 6:30 PM Aug 11, 2022, 6:29 PM

        @Bobrae
        I use this in my custom.css file to move MMM-ImagesPhotos down below the Date and Time on my mirror.

        .MMM-ImagesPhotos {
                Margin-top: 35px;
        }```
         You can adjust that to what ever instead of 35 px I use. 
         I have one module (MMM-Bored) that I use 420px as my top margin. 
         It just takes some time to find the perfect placement to center.

        Slow learner. But trying anyways.

        S 1 Reply Last reply Aug 11, 2022, 6:47 PM Reply Quote 0
        • S Offline
          sdetweil @plainbroke
          last edited by Aug 11, 2022, 6:47 PM

          @plainbroke he wants to move vertical pics to the center of the screen. only vertical pics

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          P 1 Reply Last reply Aug 11, 2022, 8:31 PM Reply Quote 0
          • P Offline
            plainbroke @sdetweil
            last edited by Aug 11, 2022, 8:31 PM

            @sdetweil
            Oh well, He is out of luck then, right?

            Slow learner. But trying anyways.

            S 1 Reply Last reply Aug 11, 2022, 8:43 PM Reply Quote 0
            • S Offline
              sdetweil @plainbroke
              last edited by sdetweil Aug 12, 2022, 12:54 AM Aug 11, 2022, 8:43 PM

              @plainbroke I don’t know how to do that w css.
              I do it in code for my version of

              MMM-ImagesPhotos

              but maybe

              Screenshot_20220811-181449_Chrome.jpg

              it says without css, then gives a css only answer

              so in custom.css

              .MMM-ImagesSlideshow  img {
                   display: block;
                   margin-left: auto;
                   matgin-right: auto;
              }
              

              this will center both kinds of images, portrait and landscape

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              P 1 Reply Last reply Aug 16, 2022, 9:14 PM Reply Quote 0
              • P Offline
                plainbroke @sdetweil
                last edited by Aug 16, 2022, 9:14 PM

                @sdetweil
                I run pretty much all modules middle_center so they all center up pretty well for me. up and down is my only adjustments usually. I have had to adjust the left or right margin a few times but most everything centers on its own pretty well using the middle_center postion when setting them up… So I am absolutely of no help to him…

                Slow learner. But trying anyways.

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