Remove space from Icons

[tuffno (Bob)]

I would like to remove the space left after the icons was removed. And move the text to align left. I saw some examples of card mods but it doesn’t work, I guess I’m doing it wrong.
Its an entities card with a bar-card as row as one of the entites.
Thanks for input and help in the right direction.

type: entities
entities:
  - entity: timer.diskmaskin_timer
    icon: none
  - type: custom:bar-card
    name: Disk klar
    entity_row: true
    color: orange
    icon: none
    entities:
      - entity: sensor.dishmaster_program_progress
show_header_toggle: false
card_mod:
  style: |
    state-badge {
     display: none;
    }
    .info {
     margin-left:0 !important;
    }

[WallyR (Wally)]

With many lovelace cards you are locked in with the settings the author decided to include.

Sometimes it is better to build your own card and the markdown card is available for that.
It is my most used card by far!

Here is a post about rounding numbers, but it present the structure you need to make your card.

Rounding input numbers in entities card?

Markdown cards can do a lot, if it does not need to be able to input values. type: markdown title: rainfall content: | <table width=100%> <tr><td align_left><ha-icon icon="mdi:weather-cloudy"></ha-icon> Year</td><td align=right>{{ states('input_number.rainfall_yearly')|float(0)|round(2, 'common') }}</td></tr> <tr><td align_left><ha-icon icon="mdi:weather-cloudy"></ha-icon> Month</td><td align=right>{{ states('input_number.rainfall_monthly')|float(0)|round(2, 'common') }}</td></tr> <tr><t…

[tuffno (Bob)]

That is interesting. But will it work with a progress bar?

[Ildar_Gabdullin]

@tuffno

remove the space

Go to main card-mod thread.

[holger14 (Holger)]

But bar-card has option to hide the icon

positions:
  icon: 'off'

Mine looks like this.

[Ildar_Gabdullin]

@holger14

has option to hide the icon

Right, forgot about it ))

[tuffno (Bob)]

Thanks guys.
It ended up like this.

type: entities
entities:
  - entity: timer.diskmaskin_timer
    icon: 'off'
    card_mod:
      style:
        hui-generic-entity-row$: |
          state-badge {
            display: none !important;
          }
          .info {
            margin-left:4px !important;
          }
  - type: custom:bar-card
    name: Disk klar
    entity_row: true
    color: orange
    positions:
      icon: 'off'
    entities:
      - entity: sensor.dishmaster_program_progress
show_header_toggle: false

positions:
  icon: 'off'

worked on the bar-card but on the entites card I had to use card_mod.