Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #25034

    http://southeastcommunitychurch.org/10413

    http://southeastcommunitychurch.org/test-images/

    You will see a video and a google map embedded on the page. The video is from a regular embed code. The google map is from a short code from a plugin.

    In the both cases, they generate iframes, but the iframes are getting a style applied to them that change the dimensions, so that they iframe is taller than it should be, and so that it is not as wide as it should be, cutting off the iframed content along the x axis.

    I firebugged the page, and below is the code, showing the style=”width: 205px; height: 406.667px; getting applied to both iframes.

    <p>

    <iframe width=”560″ height=”315″ frameborder=”0″ allowfullscreen=”" src=”http://www.youtube.com/embed/AaouVQnB5Pg” style=”width: 205px; height: 406.667px;”>

    </p>

    <p> </p>

    <p>

    <iframe class=”su-gmap” width=”600″ height=”400″ src=”http://maps.google.com/maps?q=7111+Homestead+houston%2C+tx+77028&output=embed” style=”width: 205px; height: 406.667px;”>

    </p>

    I am not entering this style. I have not create a custom css for it. I don’t know where it is coming from. It wasn’t always doing that. Perhaps it was in a recent theme update. I don’t know. I disabled the shortcode plugin, to see if that was doing it, but the problem persisted.

    Please advise on how to remove this style from getting applied to all of my iframed content.

    Thanks,

    Rob

    #125568

    Hi,

    Give the iframe tag a class selector like “su-gmap” then add this on your custom.css or Quick CSS

    .su-gmap {
    width: 600px !important;
    height: 400px !important;
    }

    Regards,

    Ismael

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘images and videos inserted in post not displaying right’ is closed to new replies.