Floorplan full size card

Third party integrations Floorplan
7

Hey @matisaul , you have to use th “card-mod” plugin : 🔹 Card-mod - Add css styles to any lovelace card which allows you to add css to your card.
Then it looks like this :

  - cards:
      - config:
          image: /local/floorplan/circuit_1.svg
          rules:
            - entities:
                - binary_sensor.switch
                - switch.in_switch_1
              states:
                - class: bin-off
                  state: 'off'
                - class: bin-on
                  state: 'on'
            - entities:
                - sensor.sensor1
              text_template: '${entity.state ? Math.ceil(entity.state) + "°": "undefined"}'
          stylesheet: /local/floorplan/circuit_1.css
        style: |
          svg {
          height: calc(100vh - 115px) !important;
          width: auto !important;
          max-width: 90vw !important;
          }
          ha-card {
          box-shadow: unset !important;
          }
        type: 'custom:floorplan-card'
    id: system
    panel: true
    title: Circuit_1

The “style” part is where I put the CSS

2 Likes