problem with module place

[kolk123]

hello!
If got a problem.
Last night i added a Iframe on my mirror.
i linked it to my ipcamera link so i can see who’s at the front door.
now i wanna place the module to the middle. its not in de center
how can i do that? Printscreen Link

[Mykle1]

@kolk123 said in problem with module place:

how can i do that?

In your custom.css file you could try:

.iFrame {
  margin-left: -200px;
}

Adjust accordingly

[richfreeman]

Hi Kolk,
Could you post the config.js relating to this iframe please.
I’m having difficulty getting an iframe to appear on MMM.

Thanks.

[kolk123]

Thanks for reply mykle1
if put it in to the css but didnt work. even with iframereload in the line between body
do you have more sugestions?

richfreeman
i use MMM-Iframe reload with this code
{
module: “MMM-iFrameReload”,
position: “top_center”,
header: “”,
config: {
url: “http://xxx-xxxx/stream/video/mjpeg”,
width: “215%”,
height: “500px”,
position: “fixed”,

[Mykle1]

@kolk123 said in problem with module place:

module: “MMM-iFrameReload”,

Oh, you said iFrame in your original post. No mention of “MMM-iFrameReload”. So, substitute that for iFrame. The entry does not go in the body of the custom.css file

[kolk123]

@Mykle1 no sorry your totally right!!
I tried also without the body but that didn’t work.

[cowboysdude]

@kolk123 said in problem with module place:

width: “215%”,

Why are you using 215% for width? That’s a pretty big number…

[kolk123]

@cowboysdude if I use less than shows the scroll bar.

[cowboysdude]

@kolk123 try this in your custom css

body {
overflow:hidden;
}

or this

::-webkit-scrollbar {
display: none;
}

[kolk123]

@cowboysdude
Thanks for you response.! I can do that but if I make it smaller my camera shows not the hole screen. The resolution of the camera is high so if I make it smaller i can’t see everything. only thing I want is the screen in the middle.

[Mykle1]

@kolk123

Can you post what you’ve tried in your custom.css file so I can look at it?

[cowboysdude]

Oh ok :)

[kolk123]

@Mykle1 thank you for your response. sorry for the late reaction, my mother is in the hospital. i have done what i posted .

.iFrame {
margin-left: -200px;
}

and

.iFrame-reload {
margin-left: 200px;
}

and

.MMM-iFrameReload {
margin-left: -200px;
}

and if tryed it in side the body part

[kolk123]

@Mykle1
if fixed it… i changed the 215% to 600px so it’s now 600px and 800px
and set the code line frome above in the custom ccs body {
overflow:hidden;
}
that works for now and almost in the middel thank for all for the support!!