Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #248370

    I have embedded a google document and it’s width and height is being overridden by some code in the template. I tested to see if it’s the template by deactivating all plugins and then re-enabling just the Google Embed plugin and the issue persists. I contacted the plugin support and this was their response:

    It appears that there is some Javascript on your site that is causing the iframe (in which the document appears) to be adjusted in size.
    The embed code works on my own test site, and also it works fine on your site if I disable Javascript in my browser. So there must be something affecting it – maybe another plugin?
    The Drive plugin translates your embed code into this HTML:

    <iframe width=”100%” scrolling=”no” height=”700″ frameborder=”0″ src=”https://docs.google.com/a/orangenjsda.org/document/d/1oHzgZxLJV3FLZsSyoxMbJUX-OtTq_3MqtFIk1OrkBQ8/preview”>

    but something on your site is turning it into:
    <iframe width=”100%” scrolling=”no” height=”700″ frameborder=”0″ src=”https://docs.google.com/a/orangenjsda.org/document/d/1oHzgZxLJV3FLZsSyoxMbJUX-OtTq_3MqtFIk1OrkBQ8/preview” style=”width: 205px; height: 168.863px;”>

    (note the extra width/height in style, which is overwriting the other width/height)

    Please advise of what could be causing this issue and how it can be resolved. Thank you.

    #248633

    Hi,

    Can you post the link to that Page please?

    Regards,
    Josue

    #248769

    Sorry, I forgot to. Here it is.
    Link

    • This reply was modified 3 months, 3 weeks ago by  Orangesda.
    #249170

    I found this div and added it and it seems to be working now. I hope it holds up. Here is the code I added:

    #main > div.container_wrap.main_color.fullsize > div > div > div > div > iframe{width: 100%!important;
    height: 800px!important;}
Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘iFrame/Embed size overriden’ is closed to new replies.