WordPress.org

Support

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

[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 Sounslides.com website.

    Here is the URL:
    http://www.storytellingonline.info/audio-slideshows/scouts-show-spirit/

    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.

    http://wordpress.org/extend/themes/twentytwelve/

Viewing 1 replies (of 1 total)
  • Lance Willett

    @lancewillett

    Themer

    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.