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 1.1k 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.
    • plainbrokeP Offline
      plainbroke @sdetweil
      last edited by plainbroke

      @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 Reply Quote 0
      • S Offline
        sdetweil @plainbroke
        last edited by

        @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

        plainbrokeP 1 Reply Last reply Reply Quote 0
        • plainbrokeP Offline
          plainbroke @sdetweil
          last edited by

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

          Slow learner. But trying anyways.

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

            @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

            plainbrokeP 1 Reply Last reply Reply Quote 0
            • plainbrokeP Offline
              plainbroke @sdetweil
              last edited by

              @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
              • 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