How can I make this iFrame wider

  • https://vhsrescue.com/reviews/

    The code is 

    <style>
    iframe {
overflow: hidden;
    }
</style>
<iframe scrolling="yes" src="https://www.yelp.com/biz/vhs-rescue-woodland-hills" width="1800" height="3500"></iframe>

    I have the width set to 1800, but it still shows at around 600px on Safari and Chrome.

Viewing 1 replies (of 1 total)
  • Michael

    (@alchymyth)

    your theme’s style.css restricts the width (found with a browser inspectino tool, like Firefox’ web developer add-on):

    /* Line 686 */
embed, iframe, object, video
{
  max-width: 100%;
}

    this seems to be in connection with the restricted width of surrounding html elements.

    if you want a wider page content for this specific page, add something via a custom CSS plugin or in a child theme:

    .page-id-156 .entry-content { max-width: 1200px; }
Viewing 1 replies (of 1 total)
  • The topic ‘How can I make this iFrame wider’ is closed to new replies.