lovelace-header-cards
lovelace-header-cards copied to clipboard
hi thumb question
Where to add the yaml ?
eg: header_cards: badges: - entity: binary_sensor.motion_trigger name: '' cards: - type: markdown content: | Hello it is {{ states("sensor.time") }} views:
i tried in the lovelace yaml, but the card ist then in the very top....
It should be at the very top of the dashboard. If you edit it through the UI you would edit it in the Raw Configuration Editor and it would look something like:

i tried in the lovelace yaml, but the card ist then in the very top....
If by this, you are referring to the custom cards being on the very right-hand side of the toolbar, like
Currently, that is a limitation of how it lays out the content - it is positioned to the left of the menu button and resizes to fit the badges and cards - if you add more badges or cards it will use more of the available space.
I am investigating whether it is possible to add alignment options.
I've created a new version, 0.0.7, which includes a justify_content option allowing more control over the appearance of the cards and badges.
For example:
header_cards:
justify_content: left
badges:
...
cards:
...
will display them on the left hand side.
Any value supported by the justify-content CSS property can be used - see here for the full list.