Align Left

Here is a partial screen shot:
Screenshot%20from%202019-07-05%2019-58-38
Here is the card:

        cards:
          - type: entities
            title: SpaceX Launches
            show_header_toggle: false
            entities:
              - type: entity
                name: Rocket
                icon: mdi:rocket
                entity: sensor.spacex_next_rocket
              - type: entity
                name: Mission
                icon: mdi:information-outline
                entity: sensor.spacex_next_mission_name
              - type: entity
                name: 'On'
                icon: mdi:calendar
                entity: sensor.spacex_next_launch
              - type: entity
                name: At
                icon: mdi:map-marker-radius
                entity: sensor.spacex_next_launch_site
              - type: divider
              - type: entity
                name: ' '
                icon: ' '
                entity: sensor.spacex_next_text1
              - type: entity
                name: ' '
                icon: ' '
                entity: sensor.spacex_next_text2
              - type: entity
                name: ' '
                icon: ' '
                entity: sensor.spacex_next_text3
              - type: entity
                name: ' '
                icon: ' '
                entity: sensor.spacex_next_text4

Here are the related sensors:

    spacex_next_text1:
      value_template: >
        {% set details = state_attr('sensor.spacex', 'details') %}
        {{ details[:251] }}
      entity_id: sensor.spacex
    spacex_next_text2:
      value_template: >
        {% set details = state_attr('sensor.spacex', 'details') %}
        {{ details[251:498] }}
      entity_id: sensor.spacex
    spacex_next_text3:
      value_template: >
        {% set details = state_attr('sensor.spacex', 'details') %}
        {{ details[498:746] }}
    spacex_next_text4:
      value_template: >
        {% set details = state_attr('sensor.spacex', 'details') %}
        {{ details[746:994] }}
      entity_id: sensor.spacex

Now… is there a secret code somewhere to do an align left on the text displayed?

Maybe try it with the markdown card and the markdown_mod.
States in the entities card are always right aligned.

You could also try card-mod which will allow you to set custom css for that card. Then you should be able to do something like this:

ha-card {
    text-align: left;
}
1 Like