YouTube link alignment

  • Hi guys/gals-When I add a link to YouTube videos related to my site, the link appears & functions, however part of the width of the video once embedded is missing from view. I looked at both regular & html view & could not see how to adjust this.

    Here is a link to the page in question. Thanks in advance

    https://www.rockstarzusa.com/news

Viewing 4 replies - 1 through 4 (of 4 total)

  • That’s because the video embedded iframe is 640px wide and your content div is only 510px wide. You’ll need to change one or the other.

    The content div width is set in the layout.css file, the other inline CSS.

    What theme is that and where did it come from?

    Gwythan

    (@kevin-ashbridge)

    Your YouTube video’s “embed” code is too wide for your website’s content column.

    It’s a simple fix.

    When you click the embed button on YouTube, scroll down a bit and it shows you some preset sizes, plus a ‘custom size’ box for you to choose the size of the video. All of the preset sizes are too wide for your content column. Instead, use the custom box to set the video with to about 500 pixels. That will automatically adjust the embed code you need, and will fit perfectly on your website.

    Where is says iframe class='youtube-player' change the width attribute to match the width of your main column, which, as Pyogi pointed out, is 510.

    Thread Starter RockStarzUSA

    (@rockstarzusa)

    Thank you for all your help folks. I always feel really intimidated posting here, because I’m such a hack & everyone else is so skilled with this stuff, thank you for being so helpful!!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘YouTube link alignment’ is closed to new replies.