The newest version of HA has an annoying tip advertisement at the bottom of the Configuration screen. Is there a way to turn it off? I didn’t see a way but may have missed something.
Terry
5 Likes
No.
Build your own menu. This way (if you want) you can get rid of both annoying things, this advertising and the re-styling with all this additional clicks and use the funcitional one of the past E.G.
type: vertical-stack
cards:
- type: custom:button-card
entity: sensor.sensor1
icon: mdi:tools
icon_height: 10px
card_mod:
style: |
ha-card {
box-shadow: none !important;
}
styles:
grid:
- grid-template-areas: '"i text chevron"'
- grid-template-columns: 13% 74% 13%
card:
- height: 65px
- font-size: 16px
custom_fields:
text:
- align-self: left
- text-align: left
custom_fields:
chevron: |
<ha-icon icon="mdi:chevron-right"
style="width: 30px; height: 20px; color: primary-text-color;">
</ha-icon>
text: >
Home Assistant Cloud<br><span
style="font-size:14px;color:var(--secondary-text-color);">Konfiguration</span>
tap_action:
action: navigate
navigation_path: /config/cloud
- type: custom:button-card
entity: sensor.sensor1
icon: mdi:puzzle
icon_height: 10px
card_mod:
style: |
ha-card {
box-shadow: none !important;
}
styles:
grid:
- grid-template-areas: '"i text chevron"'
- grid-template-columns: 13% 74% 13%
card:
- height: 65px
- font-size: 16px
- border-bottom-left-radius: 0px
- border-bottom-right-radius: 0px
custom_fields:
text:
- align-self: left
- text-align: left
custom_fields:
chevron: |
<ha-icon icon="mdi:chevron-right"
style="width: 30px; height: 20px; color: primary-text-color;">
</ha-icon>
text: >
Integrationen<br><span
style="font-size:14px;color:var(--secondary-text-color);">Verwalte
verbundene Integrationen und Dienste</span>
tap_action:
action: navigate
navigation_path: /config/integrations
- type: custom:button-card
entity: sensor.sensor1
icon: mdi:devices
icon_height: 10px
card_mod:
style: |
ha-card {
box-shadow: none !important;
}
styles:
grid:
- grid-template-areas: '"i text chevron"'
- grid-template-columns: 13% 74% 13%
card:
- height: 65px
- font-size: 16px
- border-radius: 0px
- margin-top: '-10px'
custom_fields:
text:
- align-self: left
- text-align: left
custom_fields:
chevron: |
<ha-icon icon="mdi:chevron-right"
style="width: 30px; height: 20px; color: primary-text-color;">
</ha-icon>
text: >
Geräte<br><span
style="font-size:14px;color:var(--secondary-text-color);">Verbundene
Geräte verwalten</span>
tap_action:
action: navigate
navigation_path: /config/devices
- type: custom:button-card
entity: sensor.sensor1
icon: mdi:shape
icon_height: 10px
card_mod:
style: |
ha-card {
box-shadow: none !important;
}
styles:
grid:
- grid-template-areas: '"i text chevron"'
- grid-template-columns: 13% 74% 13%
card:
- height: 65px
- font-size: 16px
- border-radius: 0px
- margin-top: '-10px'
custom_fields:
text:
- align-self: left
- text-align: left
custom_fields:
chevron: |
<ha-icon icon="mdi:chevron-right"
style="width: 30px; height: 20px; color: primary-text-color;">
</ha-icon>
text: >
Entitäten<br><span
style="font-size:14px;color:var(--secondary-text-color);">Bekannte
Entitäten verwalten</span>
tap_action:
action: navigate
navigation_path: /config/entities
- type: custom:button-card
entity: sensor.sensor1
icon: mdi:sofa
icon_height: 10px
card_mod:
style: |
ha-card {
box-shadow: none !important;
}
styles:
grid:
- grid-template-areas: '"i text chevron"'
- grid-template-columns: 13% 74% 13%
card:
- height: 65px
- font-size: 16px
- border-top-left-radius: 0px
- border-top-right-radius: 0px
- margin-top: '-10px'
custom_fields:
text:
- align-self: left
- text-align: left
custom_fields:
chevron: |
<ha-icon icon="mdi:chevron-right"
style="width: 30px; height: 20px; color: primary-text-color;">
</ha-icon>
text: >
Bereiche<br><span
style="font-size:14px;color:var(--secondary-text-color);">Geräte und
Entitäten in Bereiche gruppieren</span>
tap_action:
action: navigate
navigation_path: /config/areas
- type: custom:button-card
entity: sensor.sensor1
icon: mdi:palette-swatch
icon_height: 10px
card_mod:
style: |
ha-card {
box-shadow: none !important;
}
styles:
grid:
- grid-template-areas: '"i text chevron"'
- grid-template-columns: 13% 74% 13%
card:
- height: 65px
- font-size: 16px
- border-bottom-left-radius: 0px
- border-bottom-right-radius: 0px
custom_fields:
text:
- align-self: left
- text-align: left
custom_fields:
chevron: |
<ha-icon icon="mdi:chevron-right"
style="width: 30px; height: 20px; color: primary-text-color;">
</ha-icon>
text: >
Vorlagen<br><span
style="font-size:14px;color:var(--secondary-text-color);">Vorlagen
verwalten</span>
tap_action:
action: navigate
navigation_path: /config/blueprint
- type: custom:button-card
entity: sensor.sensor1
icon: mdi:robot
icon_height: 10px
card_mod:
style: |
ha-card {
box-shadow: none !important;
}
styles:
grid:
- grid-template-areas: '"i text chevron"'
- grid-template-columns: 13% 74% 13%
card:
- height: 65px
- font-size: 16px
- border-radius: 0px
- margin-top: '-10px'
custom_fields:
text:
- align-self: left
- text-align: left
custom_fields:
chevron: |
<ha-icon icon="mdi:chevron-right"
style="width: 30px; height: 20px; color: primary-text-color;">
</ha-icon>
text: >
Automationen<br><span
style="font-size:14px;color:var(--secondary-text-color);">Individuelle
Regeln für dein Zuhause erstellen</span>
tap_action:
action: navigate
navigation_path: /config/automation
- type: custom:button-card
entity: sensor.sensor1
icon: mdi:palette
icon_height: 10px
card_mod:
style: |
ha-card {
box-shadow: none !important;
}
styles:
grid:
- grid-template-areas: '"i text chevron"'
- grid-template-columns: 13% 74% 13%
card:
- height: 65px
- font-size: 16px
- border-radius: 0px
- margin-top: '-10px'
custom_fields:
text:
- align-self: left
- text-align: left
custom_fields:
chevron: |
<ha-icon icon="mdi:chevron-right"
style="width: 30px; height: 20px; color: primary-text-color;">
</ha-icon>
text: >
Szenen<br><span
style="font-size:14px;color:var(--secondary-text-color);">Gerätezustände
erfassen und später einfach wieder abrufen</span>
tap_action:
action: navigate
navigation_path: /config/scene
- type: custom:button-card
entity: sensor.sensor1
icon: mdi:script-text
icon_height: 10px
card_mod:
style: |
ha-card {
box-shadow: none !important;
}
styles:
grid:
- grid-template-areas: '"i text chevron"'
- grid-template-columns: 13% 74% 13%
card:
- height: 65px
- font-size: 16px
- border-top-left-radius: 0px
- border-top-right-radius: 0px
- margin-top: '-10px'
custom_fields:
text:
- align-self: left
- text-align: left
custom_fields:
chevron: |
<ha-icon icon="mdi:chevron-right"
style="width: 30px; height: 20px; color: primary-text-color;">
</ha-icon>
text: >
Skripte<br><span
style="font-size:14px;color:var(--secondary-text-color);">Eine Sequenz
aus Aktionen ausführen</span>
tap_action:
action: navigate
navigation_path: /config/script
- type: custom:button-card
entity: sensor.sensor1
icon: mdi:tools
icon_height: 10px
card_mod:
style: |
ha-card {
box-shadow: none !important;
}
styles:
grid:
- grid-template-areas: '"i text chevron"'
- grid-template-columns: 13% 74% 13%
card:
- height: 65px
- font-size: 16px
- border-bottom-left-radius: 0px
- border-bottom-right-radius: 0px
custom_fields:
text:
- align-self: left
- text-align: left
custom_fields:
chevron: |
<ha-icon icon="mdi:chevron-right"
style="width: 30px; height: 20px; color: primary-text-color;">
</ha-icon>
text: >
Helfer<br><span
style="font-size:14px;color:var(--secondary-text-color);">Elemente
verwalten, die beim Aufbau von Automatisierungen helfen</span>
tap_action:
action: navigate
navigation_path: /config/helpers
- type: custom:button-card
entity: sensor.sensor1
icon: mdi:nfc-variant
icon_height: 10px
card_mod:
style: |
ha-card {
box-shadow: none !important;
}
styles:
grid:
- grid-template-areas: '"i text chevron"'
- grid-template-columns: 13% 74% 13%
card:
- height: 65px
- font-size: 16px
- border-radius: 0px
- margin-top: '-10px'
custom_fields:
text:
- align-self: left
- text-align: left
custom_fields:
chevron: |
<ha-icon icon="mdi:chevron-right"
style="width: 30px; height: 20px; color: primary-text-color;">
</ha-icon>
text: >
NFC Tags<br><span
style="font-size:14px;color:var(--secondary-text-color);">Automatisierungen
auslösen wenn NFC Tag, QR Code, usw. gescannt wird</span>
tap_action:
action: navigate
navigation_path: /config/tags
- type: custom:button-card
entity: sensor.sensor1
icon: mdi:lightning-bolt
icon_height: 10px
card_mod:
style: |
ha-card {
box-shadow: none !important;
}
styles:
grid:
- grid-template-areas: '"i text chevron"'
- grid-template-columns: 13% 74% 13%
card:
- height: 65px
- font-size: 16px
- border-top-left-radius: 0px
- border-top-right-radius: 0px
- margin-top: '-10px'
custom_fields:
text:
- align-self: left
- text-align: left
custom_fields:
chevron: |
<ha-icon icon="mdi:chevron-right"
style="width: 30px; height: 20px; color: primary-text-color;">
</ha-icon>
text: >
Energie<br><span
style="font-size:14px;color:var(--secondary-text-color);">Überwache
deine Energieproduktion und deinen Verbrauch</span>
tap_action:
action: navigate
navigation_path: /config/energy
- type: custom:button-card
entity: sensor.sensor1
icon: mdi:view-dashboard
icon_height: 10px
card_mod:
style: |
ha-card {
box-shadow: none !important;
}
styles:
grid:
- grid-template-areas: '"i text chevron"'
- grid-template-columns: 13% 74% 13%
card:
- height: 65px
- font-size: 16px
custom_fields:
text:
- align-self: left
- text-align: left
custom_fields:
chevron: |
<ha-icon icon="mdi:chevron-right"
style="width: 30px; height: 20px; color: primary-text-color;">
</ha-icon>
text: >
Lovelace Dashboards<br><span
style="font-size:14px;color:var(--secondary-text-color);">Erstelle
individuelle Oberflächen, um dein Zuhause zu steuern</span>
tap_action:
action: navigate
navigation_path: /config/lovelace/dashboards
- type: custom:button-card
entity: sensor.sensor1
icon: mdi:account
icon_height: 10px
card_mod:
style: |
ha-card {
box-shadow: none !important;
}
styles:
grid:
- grid-template-areas: '"i text chevron"'
- grid-template-columns: 13% 74% 13%
card:
- height: 65px
- font-size: 16px
- border-bottom-left-radius: 0px
- border-bottom-right-radius: 0px
custom_fields:
text:
- align-self: left
- text-align: left
custom_fields:
chevron: |
<ha-icon icon="mdi:chevron-right"
style="width: 30px; height: 20px; color: primary-text-color;">
</ha-icon>
text: >
Personen<br><span
style="font-size:14px;color:var(--secondary-text-color);">Personen
verwalten, denen Home Assistant folgt</span>
tap_action:
action: navigate
navigation_path: /config/person
- type: custom:button-card
entity: sensor.sensor1
icon: mdi:map-marker-radius
icon_height: 10px
card_mod:
style: |
ha-card {
box-shadow: none !important;
}
styles:
grid:
- grid-template-areas: '"i text chevron"'
- grid-template-columns: 13% 74% 13%
card:
- height: 65px
- font-size: 16px
- border-radius: 0px
- margin-top: '-10px'
custom_fields:
text:
- align-self: left
- text-align: left
custom_fields:
chevron: |
<ha-icon icon="mdi:chevron-right"
style="width: 30px; height: 20px; color: primary-text-color;">
</ha-icon>
text: >
Zonen<br><span
style="font-size:14px;color:var(--secondary-text-color);">Verwalte die
Zonen, in denen du Personen folgen möchtest</span>
tap_action:
action: navigate
navigation_path: /config/zone
- type: custom:button-card
entity: sensor.sensor1
icon: mdi:badge-account-horizontal
icon_height: 10px
card_mod:
style: |
ha-card {
box-shadow: none !important;
}
styles:
grid:
- grid-template-areas: '"i text chevron"'
- grid-template-columns: 13% 74% 13%
card:
- height: 65px
- font-size: 16px
- border-top-left-radius: 0px
- border-top-right-radius: 0px
- margin-top: '-10px'
custom_fields:
text:
- align-self: left
- text-align: left
custom_fields:
chevron: |
<ha-icon icon="mdi:chevron-right"
style="width: 30px; height: 20px; color: primary-text-color;">
</ha-icon>
text: >
Benutzer<br><span
style="font-size:14px;color:var(--secondary-text-color);">Home
Assistant-Benutzerkonten verwalten</span>
tap_action:
action: navigate
navigation_path: /config/users
- type: custom:button-card
entity: sensor.sensor1
icon: mdi:server
icon_height: 10px
card_mod:
style: |
ha-card {
box-shadow: none !important;
}
styles:
grid:
- grid-template-areas: '"i text chevron"'
- grid-template-columns: 13% 74% 13%
card:
- height: 65px
- font-size: 16px
- border-bottom-left-radius: 0px
- border-bottom-right-radius: 0px
custom_fields:
text:
- align-self: left
- text-align: left
custom_fields:
chevron: |
<ha-icon icon="mdi:chevron-right"
style="width: 30px; height: 20px; color: primary-text-color;">
</ha-icon>
text: >
Serversteuerung<br><span
style="font-size:14px;color:var(--secondary-text-color);">Neustarten und
Stoppen des Home Assistant Servers</span>
tap_action:
action: navigate
navigation_path: /config/server_control
- type: custom:button-card
entity: sensor.sensor1
icon: mdi:math-log
icon_height: 10px
card_mod:
style: |
ha-card {
box-shadow: none !important;
}
styles:
grid:
- grid-template-areas: '"i text chevron"'
- grid-template-columns: 13% 74% 13%
card:
- height: 65px
- font-size: 16px
- border-radius: 0px
- margin-top: '-10px'
custom_fields:
text:
- align-self: left
- text-align: left
custom_fields:
chevron: |
<ha-icon icon="mdi:chevron-right"
style="width: 30px; height: 20px; color: primary-text-color;">
</ha-icon>
text: >
Logs<br><span
style="font-size:14px;color:var(--secondary-text-color);">Home Assistant
Logs einsehen</span>
tap_action:
action: navigate
navigation_path: /config/logs
- type: custom:button-card
entity: sensor.sensor1
icon: mdi:information
icon_height: 10px
card_mod:
style: |
ha-card {
box-shadow: none !important;
}
styles:
grid:
- grid-template-areas: '"i text chevron"'
- grid-template-columns: 13% 74% 13%
card:
- height: 65px
- font-size: 16px
- border-top-left-radius: 0px
- border-top-right-radius: 0px
- margin-top: '-10px'
custom_fields:
text:
- align-self: left
- text-align: left
custom_fields:
chevron: |
<ha-icon icon="mdi:chevron-right"
style="width: 30px; height: 20px; color: primary-text-color;">
</ha-icon>
text: >
Info<br><span
style="font-size:14px;color:var(--secondary-text-color);">Version,
Systemzustand und Links zur Dokumentation</span>
tap_action:
action: navigate
navigation_path: /config/info
3 Likes
FWIW, here is (what I believe to be) the Frontend code responsible for rendering that line:
If I knew how to patch the code to exclude it, I would.
2 Likes
4 Likes
Annoying for sure. I stay away from typical (anti)social media sites on purpose. I sure dont want to see a link to them on my local homeassistant 
6 Likes
Thanks 123, I was searching for that yesterday. I set the tips DIV display; none for that DIV class in Chrome and it went away as expected. My first thought was a css file as an override that gets included in the custom resources but work was too crazy to test yesterday. Today should be slower so I’ll play and post what I find here.
I haven’t developed an integration for HA before but I’m thinking of some sort of “HA Tweaks” integration that undoes some of these “features”.
Terry
Looks like commenting out lines 96-99 might do it
I know how to patch, but I can’t find this file on my local install, so i’m not sure what it translates to after installation.
I think I found its location a long time ago (before I started using the Docker-based versions) but subsequently forgot it. I believe the JavaScript is compressed so patching it becomes a bit more challenging.
I do not mind rebuilding the docker image to inject the patch. I’m doing that already to add some things I need that the official image does not provide, so if you remember the location, i’d definitely be interested
Very sad 
Great! Thank you!
On “slower” devices it’s even worse actually. You will be greeted with a full screen advertisement before the configuration menu loads:
