๐Ÿ”น Card-mod - Add css styles to any lovelace card

Meanwhile - how to scale an iframe content (results may depend on the page):

type: vertical-stack
cards:
  - type: entities
    entities:
      - entity: input_number.test_level_1
        name: scale
  - type: iframe
    url: >-
      https://fahrplan.oebb.at/bin/stboard.exe/dn?L=vs_sq&mMode=run&monitorCMSFrames=true&cfgfile=FLORIDSDOR_1192101_534633483&start=yes
    aspect_ratio: 100%
    card_mod:
      style: |
        div#root iframe  {
          transform: scale({{states("input_number.test_level_1")|float / 100|float}});
          transform-origin: 0 0;
          width: 100000px;
          height: 100000px;
        }

nht


More examples are described here.

2 Likes