Disable header in MMM-MieleAtHome and MMM-Homeconnect

OberfragGER

Hi,

i just want to disable the headers of both Modules. MMM-Homeconnect is somehow copied from MMM-Mieleathome

I treid diffent things. But nothing worked:

showHeader: false,

or in custom css

.MMM-MieleAtHome .module-header {
  display: none;
}

or

.MMM-MieleAtHome header {
  text-align: left
}

.MMM-MieleAtHome header {
  text-align: left
}

Did u have an idea?

sdetweil

@OberfragGER said in Disable header in MMM-MieleAtHome and MMM-Homeconnect:

MMM-Homeconnect

can you show the config of both modules, xxx out any personal info

sdetweil

this

.MMM-MieleAtHome .module-header {
  display: none;
}

should have worked for that module

have you opened the developer window elements tab to look at the css applied?

see the second link in my signature below

OberfragGER

@sdetweil Thanks for your help.
But its still not working.

```

{
module: “MMM-MieleAtHome”,
position: “bottom_left”,
showDeviceIfDoorIsOpen: false,
showHeader: false,
config: {
userName: “xxx”,
password: “xxx”,
client_ID: “xxx”,
client_Secret: “xxx”,
vg: ‘de-DE’, // Your country code from the list above
language: ‘de’, // Language supported from list above
showAlwaysAllDevices: false //always display component
}
},


I even tried display: none without ";". I doesnt work...

OberfragGER

Is there any chance to scale both styles that the icons are looking the same height and style?

sdetweil

@OberfragGER you are looking at the header part of the page Dom

You need the body part where the html is

Use the elements tab , click the pointer to left, mouse ver the module til it’s highlighted and click to
Open the html view there

HeikoGr

this should work, but MMM-MieleAtHome and therefore MMM-Homeconnect as a fork do override the header…

{
  module: “MMM-MieleAtHome”,
  header: "",
  position: “bottom_left”,
 [...]
},