Notifications
Clear all

Iframe Width is Limited Why?

2 Posts
2 Users
0 Reactions
524 Views
Posts: 1
Topic starter
(@hageshiku)
New Member
Joined: 1 year ago

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.

1 Reply
TinyWebGallery
Posts: 925
Admin
(@admin)
Prominent Member
Joined: 16 years ago

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 

Reply