MMM-Openhab

cmachtel

Hi, This is great and works as described. But could you help me changing the html/css to make the module smaller and to remove the white square and the red Home icon? I Would like to have only the 3 lines with onformations.

Thank you

T-Moe

Great plugin! Is there a way to get rid of the frame around the container?

cowboysdude

@t-moe Why yes there is you can do 1 of 2 ways:

First way:
Add this to your custom.css

.MMM-Openhab .ifr { 
	border: 0;
}

OR
In the modules directory where this module is open the css file and where you see this…

.MMM-Openhab .ifr {
 	width: 400px;
	height: 680px; 
}

Change it to this:

.MMM-Openhab .ifr {
 	width: 400px;
	height: 680px;
	border: 0;
}

Should do it.

falter

Hi all,
thanks for the module, it’s really a great addon for my MMs.
Since OH4.2 the theming is to be configured via the sitemap itself. Since I cannot use the mouse in electron, how could I change the settings to black and small arrangement?
Thanks in advance…

clakkentt

Hi

Does anyone know how to change the font size in MMM-Openhab?

I have tried modifying every CSS and HTML style file and nothing seems to make a difference.

Thank you

sdetweil

@clakkentt no, but see the link in my signature below for how to use the developers window to see and adjust css

clakkentt

@sdetweil Thank you for the guide. The properties of the elements I want to change seem to come from a material design style sheet .scss from the website hosting the webpage that is displayed in MagicMirror . Way above my level.
I’ll have to live with the current font size

Thanks again

sdetweil

@clakkentt yeh, if the page is presented in an iframe, you can’t fiddle with its styles anyhow…

falter

said in MMM-Openhab:

Hi all,
thanks for the module, it’s really a great addon for my MMs.
Since OH4.2 the theming is to be configured via the sitemap itself. Since I cannot use the mouse in electron, how could I change the settings to black and small arrangement?
Thanks in advance…
I figured out that you indeed can use the mouse. Just add the code in custom.css, restart and apply with connected mouse, remove the code, restart, done :)

html {   
       cursor: unset;
}