MMM-Imageslideshow - centering upright images

Bobrae

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?

sdetweil

@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

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.

sdetweil

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

plainbroke

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

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

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

plainbroke

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