So guys, I have a web app which I made in Flask. I am trying to put it on WordPress by using <iframe>. Height works well, but the width gets stuck at some point. I want to embed my HTML page to my WordPress site. It cuts half of it. <iframe id="advanced_iframe" name="advanced_iframe" src="http://127.0.0.1:5000/" width="2400" height="2400" frameborder="0" allowtransparency="true" loading="lazy" style="width: 1000px;height: 2400px;max-width: 100%;max-height: 950px;"></iframe>
At the moment it shows like this. How do I change the padding, CSS and other stuff like in normal HTML using WordPress or this plugin? For example how can I manage to set my <iframe> position? How can I use the padding ? Like where can I edit it ? I am not talking about on the console rather on some file or something if you get what I mean.
Hi,
If you like to change a lot of things I recommend you put this to a css file and adding this to the class= element.
max-width: 100% Is reducing the width most likely on your screenshot.
With 1000 and 2400 together also do not make sense to me.
Normally width is set to 100% and then all things left and right are removed if the space is too little.
Best regards,
Michael