Youtube embedded iframe being stretched across whole page (4 posts)

  1. JoshHardman
    Posted 2 years ago #


    I embedded an iframe of a youtube video to this page - http://microfinance.info/what-is-microfinance/ - however despite changing the width and height parameters I cannot stop it from being stretched to take up the whole width of the page.

    Any idea why?



  2. WPyogi
    Forum Moderator
    Posted 2 years ago #

    This CSS in the theme:

    #content embed, #content iframe {
        width: 100%;

    You could try changing by adding the following to custom CSS - looks like you have JetPack, so you can use Edit CSS under Appearance:

    #content embed, #content iframe {
        width: auto;
  3. horsewise
    Posted 2 years ago #


    I'm having the same issue. I am not a coder, so I was wondering if someone could break this down to make the instructions above a little more user-friendly.

    where do I go to find this section of CSS code....? I looked through just about everything but can't find custom CSS or anything re the iframe settings....

  4. Andrew Nevins
    Forum moderator
    Posted 2 years ago #

    Get Jetpack http://wordpress.org/plugins/jetpack/

    Then in the dashboard go to "Edit CSS" under "Appearance" enter this:

    #content embed,
    #content iframe { width: auto; }

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic