Change Markdown Card Width in Header

[Kaulhaaz]

Hello everyone,

I’d like to customize the layout of my dashboard, specifically the width of a Markdown map in the header. My goal is to create more space for badges next to it.

I’ve already examined the DOM using the browser’s developer tools and identified the relevant CSS properties under .heading. I want to override the Flexbox behavior and set a custom width or max-width.

How can I override these CSS properties?
I tried using Card Mod, but it didn’t work!
Does anyone have a solution for me?

Thanks in advance for your help!

[arganto]

How many times are you planning to ask the same question in different threads?

[Ildar_Gabdullin]

This is a right place:

Card-mod - Super-charge your themes!

A while ago, I created card-mod, a custom card* that lets you change various css options for other lovelace cards. Much more skilled people than I have used that to create beautiful and awesome things. Today, I’ve added theme support to card-mod. Your ordinary theme file can now be used to Give cards a flashing border Make that border only flash when a certain entity is in a certain state Make fan icons spin when they are on Change the border color of the badges at the top of the screen dep…