Lovelace view buttons

Configuration Frontend
1

Hello,

Just redesigning my Lovelace views and encountered a little problem.
Is there a way to center the view buttons in the header ?
Kinda simple thing but I really don’t know how to do :confused:

2

Something wrong with my question?

I still don’t know the answer :confused:

3

You can’t unless you use a custom card.

4

Already tried with custom-header but you can only invert (Left to Right, Up to bottom etc.) the view buttons with this.
Or am I missing a function ?

5

you have to adjust the css styles.

https://maykar.github.io/custom-header/#styling/advanced

6

Ohhh ok. I tried something like that:

custom_header:
  tab_container_css: 'padding-left: 50%;'

But its not exactly the middle of the header. Do you know another setting which is more accurate ?

7

try align-self: center;

8

Nop nothing happens with this one.:confused:

9

try display: inline-block; text-align:center;

or just

text-align:center;

10

Nop sadly not.
But I know the problem, I think tab_container_css is wrong :confused:
I changed a thing with Inspect function ^^

Screenshot_1
Screenshot_1694×124 7.42 KB

Now it works! But do you know how I can put that in the config of custom header ?

11

doesn’t look like he exposed it. Maybe ask him yourself in the custom_header thread