Twenty Twelve
Twenty-Twelve iframe display slightly cropped on right side (2 posts)

  1. jwbrown
    Posted 3 years ago #

    I am using Twenty-Twelve and have encountered a problem with iPad display versus browser display of a Soundslides project that is embedded with iframe code supplied by a utility on the Sounslides.com website.

    Here is the URL:

    And here is the embed code:
    <iframe src="http://storytellingonline.info/audioslideshows/scout_march/_files/iframe.html?noscale=602x465" frameborder="0" scrolling="no" width="602" height="465"></iframe>

    If you look carefully, there is a 2 px black rule around the picture of the Scouts when viewed in a browser. However when viewed via Safari on the iPad the right-side black rule is gone and close examination of the "s" in the word credits below the picture shows that it is cropped.

    I have corresponded with tech support at Soundslides and they feel that it is a problem somewhere in the CSS of Twenty-Twelve.

    I am using my own installation of WordPress so I can fix it if I know where to look in the CSS.

    Any suggestions are appreciated.


  2. Lance Willett
    Posted 3 years ago #

    Hi jwbrown -- sorry for missing this post until now.

    Looked at this and it looks like the embed is just too darn stubborn about being exactly 602 pixels wide.

    I don't think it's related to the CSS in the theme, because other embeds are scaled down nicely for smaller screens.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic