I am loading the following page into an iframe card: ÖBB - Is it possible to resize the content within the iframe? If yes, how?

[image] small_blue_diamond Card-mod - Add css styles to any lovelace card Dashboards & Frontend Meanwhile - how to scale an iframe content (results may depend on the page): type: vertical-stack cards: - type: entities entities: - entity: input_number.test_leve…

Hey I know this is an old post, but you seem to be the only one that has posted anything like this, but even copying your code directly over it doesn’t seem to work. Do you know if something has changed in HA that would make this no longer work?

I can’t get the indentation right from the example in the top. can someone help me out pls. could it be something like: style: | #root iframe { transform: scale(60%) } url: … My goal is to scale Music Assistant in an iFrame, so that i can see more than the usual albums in one row.

Hey there Im also trying to get this to work? Ive downloaded Card-Mods from HACS, Get this message? [Screenshot 2023-11-17 at 11.37.38]

This seemed to work…adding scale(1.5); or what ever number suits… card_mod: style: | div#root iframe { transform: scale(1.5); transform-origin: 0 0; width: 100000px; height: 100000px; }

I’m getting the Entity not available input_number error. Anyone ever solve this?

The provided card-mod code requires an input_number entity to be created.

Thank you. I did a bit of research and found how to do this. It’s working now. Thanks for your help.

How to resize the content of an iframe card?

Configuration Frontend

Ildar_Gabdullin (ildar gabdullin) December 2, 2021, 7:21pm 2