Vertical cards

Configuration Frontend
1

When I set up a vertical view, the column of cards is placed in the center of the dashboard. Is there a way to left-justify this column, so it’s immediately to the right of the sidebar?

2

Only with custom:layout-card.
Discussed here

3

That will do the trick! Thank you.

4

I’m still struggling. I’ve installed layout-card from HACS, and I’ve got my test dashboard saved to a .yaml file. To recap, what I need is all my cards to be vertically stacked, in one column immediately to the right of the sidebar, not in the middle of the display.

configuration.yaml:


# Text to speech
tts:
  - platform: google_translate

automation: !include automations.yaml
script: !include scripts.yaml
scene: !include scenes.yaml

lovelace:
  mode: storage
  dashboards:
    lovelace-yaml:
      mode: yaml
      title: Test
      icon: mdi:home
      show_in_sidebar: true
      filename: dashboard1.yaml

Here’s dashboard1.yaml, only the first card is listed, there are 6 more, not listed for brevity:

title: Test
views:
  - theme: Backend-selected
    path: home
    title: Home
    cards:
      - show_current: true
        show_forecast: true
        type: weather-forecast
        entity: weather.kocf
        forecast_type: hourly
        name: Ocala/NOAA
      - type: entities
        entities:
          - entity: sensor.lacrosse_tx141thbv2_0_124_temperature
            name: Porch
          - entity: sensor.prologue_th_9_1_71_temperature
            name: Pool
          - entity: sensor.lacrosse_tx141thbv2_0_124_humidity
            name: Humidity
            unit_of_measurement: ' %'
          - entity: sensor.acurite_5n1_a_290_wind_speed
            name: Wind Speed
            unit_of_measurement: mph
            style: ''
        card_mod:
          style: |
            ha-card {
              font-size: 25px;
            }
        title: Outdoors