Support » Theme: Twenty Twelve » [Theme: Twenty Twelve] Twenty-Twelve iframe display slightly cropped on right side

  • 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 website.

    Here is the URL:

    And here is the embed code:
    <iframe src="" 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.

Viewing 1 replies (of 1 total)
  • Lance Willett



    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.

Viewing 1 replies (of 1 total)
  • The topic ‘[Theme: Twenty Twelve] Twenty-Twelve iframe display slightly cropped on right side’ is closed to new replies.